How React Works
The React UI loop follows these steps:
- You have data
- That data gets displayed
- The data updates (by user input, or a fetch from the server, etc)
- 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.