Interfaces feitas de peças

React é a biblioteca mais usada do mundo para construir interfaces. A ideia central: quebrar a tela em componentes — peças reutilizáveis e independentes, como um botão, um cartão de produto ou um cabeçalho.

🧠 Modelo mental — LEGO: em vez de esculpir a interface inteira num bloco só, você monta peças pequenas e encaixa. Uma peça (Produto) pode ser reusada 100 vezes; se você conserta a peça, conserta em todos os lugares de uma vez.

Por que o mundo migrou para isso: telas complexas viram um caos com JS puro (aquele getElementById + textContent de todo lado). Com React, você descreve como a tela deve ser, e o React cuida de atualizar o HTML. Menos código, menos bugs.