• Summarising Thinking in React,
    • 1. Break up the UI into a component hierarchy;
    • 2. Build a static version in React;
      • static representation requires lots of typing and not much thinking;
      • interactivity requires lots of thinking and not much typing.
    • 3. Find minimal but complete representation of UI state;
      • Find all data pieces;
      • Define what’s props and what’s state (props are passed top-down, state changes).
    • 4. Identify where the state should live (at what height of the hierarchy);
    • 5. Add inverse data flow.
      • pass functions on children with onChange props so that the events on the children can affect the state of the parent.

By Doc

Leave a Reply

Your email address will not be published. Required fields are marked *