Redux Performance Tips

• reselect

  46 18,999 9.6 TypeScript

  Selector library for Redux

  

Hi, I'm a Redux maintainer. This is a good post, but I'm a bit surprised it doesn't talk about memoized selector functions at all. We specifically teach those as a way to improve performance, by avoiding costly transformations and consistently returning the same result reference until the inputs change:

- https://redux.js.org/tutorials/essentials/part-6-performance...

- https://redux.js.org/tutorials/fundamentals/part-7-standard-...

- https://redux.js.org/usage/deriving-data-selectors

Use of `React.memo()` also helps in cases like the large list, especially if you're only passing down the item ID as props to the list item components and letting them select their own data based on that ID.

Also, as of Reselect 4.1, there are some additional options built into `createSelector` for doing comparisons, such as an option that can do a shallow equality check on the _new_ result, and stick with the _old_ result if they're the same:

- https://github.com/reduxjs/reselect#defaultmemoizefunc-equal...

• SurveyJS

  surveyjs.io featured

  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.

  

Suggest a related project