Our great sponsors
- Appwrite - The open-source backend cloud platform
- Onboard AI - Learn any GitHub repo in 59 seconds
- InfluxDB - Collect and Analyze Billions of Data Points in Real Time
-
React Window is used to render long lists. Imagine you have a list of 1,000 items. Only ten are visible simultaneously, but your code tries to render all 1,000 items simultaneously.
-
React LazyLoad is a library specifically built for that purpose. You just wrap your component, and this library takes care of the rest.
-
Appwrite
Appwrite - The open-source backend cloud platform. Add Auth, Databases, Functions, and Storage to your product and build any application at any scale while using your preferred coding languages and tools.
-
If you are using Redux, then this is a lifesaver. We know Redux reducers can store a lot of data, and if you feed the complete store into any component, it will cause it to re-render anytime anything in that store updates.
-
Reselect solves this problem by memorizing the values and only passing what’s necessary.
-
react
A declarative, efficient, and flexible JavaScript library for building user interfaces. (by sbs2001)
ReactJS is very performant by default. But now and then, you get a chance to make it even better. And the incredible React community has come up with some fantastic libraries.
-
React Hook Form is the modern form-handling library that can take your form's performance to a new level.
Related posts
- Optimizing Lists in React - Solving Performance Problems and Anti-patterns
- Revolutionize Your React App with Redux: A Beginner's Guide to Simplifying State Management(PART 2)
- What is the correct way to store a variable so that It is accessible to all components/pages?
- [Question] Recommendations for an agnostic state management?
- Build a Multistep Form With React Hook Form