Skip to content

Latest commit

 

History

History
15 lines (10 loc) · 708 Bytes

README.md

File metadata and controls

15 lines (10 loc) · 708 Bytes
Raw

Demo Code for optimizing the react component re-rendering when using redux-form

[Insert link to blogpost]

  • Clone the repo
  • npm install
  • yarn start

In the Chrome browser make sure you have React Developer Tools installed.

  • Open React Profiler in Chrome dev tools.
  • Enable Highlight updates when components render in the General React Profiler settings.

As you type in form fields of the Redux Form - you will see in the Bad Parent Component - Parent , Children and Redux form components are re-rendering.

But in the Better Parent Component only the redux form is re-rendering.