Please enable JavaScript.

Coggle requires JavaScript to display documents.

React Performance - Coggle Diagram

- - - - same output for same input on every time
    - - use on children
  - - - if it receive array/function/object as props
- - - - number
      - string
      - arrays
  - - - re-rendered array is not the same as old array
      - passing array, or function into other Component as dependency
      - useMemo at the parent component!
    - - analogy
        
        "run this big function only if
        dependency array / its arguments changed"
        NOT on EVERY re-render!
      - react component re-renders often
- - - - objects
      - functions
  - - - objects&functions is different on each render
      - if needed to be passed as dependency array
- - - - pretty logical