thinking-in-react

Alt text

steps:

  1. break the UI into a component hierarchy
  2. build a static version in React
  3. find the minimal but complete representation of UI state
  4. identify where your state should live
  5. add inverse data flow