Check the reason make your page re-render by changed props and state

The approach of the post is we will console.log at componentDidUpdate. Find out the reason make our component re-render (specifically is look for those states and props changed).

Read More

Latest Tips

  • Upping Performance by Appending/Keying

    React uses a mechanism called reconciliation for efficient rendering on update.

    Read More
  • Adventurers Guide to React (Part I)

    So you’ve heard of this React thing, and you actually peeked at the docs, maybe even went through some of the pages. Then you suddenly came across mysterious runes that spelled somewhat along the lines of Webpack, Browserify, Yarn, Babel, NPM and yet…

    Read More
  • Enhancing React components, Composition

    React is extremely flexible in terms of how you can structure your components, but this pattern will make your apps more efficient.

    Read More
  • State to Props maps with memory

    You’ve been building your React apps with a Redux store for quite a while, yet you feel awkward when your components update so often. You’ve crafted your state thoroughly, and your architecture is such that each component gets just what it needs from…

    Read More
  • State to Props maps with memory

    You’ve been building your React apps with a Redux store for quite a while, yet you feel awkward when your components update so often. You’ve crafted your state thoroughly, and your architecture is such that each component gets just what it needs from…

    Read More
  • Keys in children components are important

    The key is an attribute that you must pass to all components created dynamically from an array. It’s a unique and constant id that React uses to identify each component in the DOM and to know whether it’s a different component or the…

    Read More
Load me more tips
js-javascript-right
js-javascript-left