How React Works

Chris Achard
InstructorChris Achard

Share this video with your friends

Send Tweet

The React UI loop follows these steps:

  1. You have data
  2. That data gets displayed
  3. The data updates (by user input, or a fetch from the server, etc)
  4. The UI updates

The React "magic" is in step 4 - React automatically updates the UI based on your changing data in a performant way. That means you can focus on your data and UI layout, and NOT on how you would have to update the DOM to show those changes.