Software

Structure a React application

React architecture is how you split UI into components, decide who owns state, and keep data flowing in a direction you can still explain.

For people who have written a component and now need a structure that survives more than one screen.

Start here

Build the tic-tac-toe tutorial, then redraw your current screen as a Thinking in React component tree before you add state.

The current React docs entry point for components, props, and state.

A small app that forces component boundaries and lifted state.

The official method for breaking a UI into components before writing them.

How to choose where state lives once more than one component needs it.