Skip to content

Commit

Permalink
Readme
Browse files Browse the repository at this point in the history
  • Loading branch information
tsahota-shippo committed May 12, 2021
1 parent 9f1f9f5 commit 0ebcc28
Showing 1 changed file with 15 additions and 0 deletions.
15 changes: 15 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
# 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](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en) 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.

0 comments on commit 0ebcc28

Please sign in to comment.