Our great sponsors
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
react
A declarative, efficient, and flexible JavaScript library for building user interfaces. (by sbs2001)
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.
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.
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
- 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
- Revolutionize Your React App with Redux: A Beginner's Guide to Simplifying State Management(PART 2)