-
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.
-
CodeRabbit
CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
-
React LazyLoad is a library specifically built for that purpose. You just wrap your component, and this library takes care of the rest.
-
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
-
Guide to Redux: A Robust State Management Library for JavaScript Applications
-
Redux 101
-
Redux Toolkit 2.0: new features, faster perf, smaller bundle sizes (plus major versions for all Redux family packages!)
-
Redux Toolkit 2.0: new features, faster perf, smaller bundle sizes, and more