While making a Single Page App with React, it is very easy for your code-base to become unorganized. There are many good libraries in the React ecosystem that can be used to manage certain aspects of the app, this article covers some of them in depth. Other than that, it lists some good practices to follow from the beginning of the project if you have scalability in mind
At Uber, they have hundreds of internal web applications used by developers, product managers, and operations teams—essentially everyone at the company. Since all web applications work differently, it puts additional overhead on our employees to learn how to interact with them most effectively. To solve these issues, Uber assembled a dedicated design and engineering team to come up with a universal system, which resulted in the Base Web design system. Open sourced in 2018, Base Web is a React component library implementing the Base design language that acts as a device-agnostic foundation for quickly and easily creating web applications.
Every developer wrestles with how to write cleaner code. This article gives 14 practical tips for how to do just that when developing a React app.
This article walks through 6 tips for improving your React app's performance.
- Utilize render bail-out techniques
- Avoid inline objects
- Avoid anonymous functions
- Lazy load components that are not instantly needed
- Tweak CSS instead of forcing a component to mount & unmount
- Memoize expensive calculations
What's wrong with this code?
Read the article and find out.
React recently introduced a new way to deal with side effects: the useEffect hook. Translating lifecycle methods to useEffect calls can be confusing at first. It’s confusing because we shouldn’t be translating imperative lifecycle methods to declarative useEffect calls in the first place. This article breaks it down.
One man's beef with React Router and why he doesn't use it.
A quick experiment about using hooks for routing in a react app turned out to be very flexible and powerful. This post breaks down that experiment and the routing hook that came out of it.
After several years of using Redux for most of his projects, Sergey decided to try the useReducer/useContext approach instead. Here is what he learned.