O React é uma biblioteca JavaScript criada pelo Facebook. Não é um framework! Seu foco é exclusivo: criar interfaces visuais.
Mas qual a diferença de framework e lib?
Um framework é um conjunto de ferramentas que ajuda a resolver diversos problemas de uma aplicação. Um exemplo famoso é o Angular, que já traz estrutura para rotas, serviços, comunicação com o back-end, entre outros.
Já uma biblioteca (lib) é mais enxuta e voltada para resolver problemas específicos.
No caso do React, ele é uma lib focada apenas na renderização de componentes. Ele não é um MVC completo, mas sim apenas o V (View), ou seja, a camada de visualização.
O que o React trouxe de novo?
O React introduziu uma forma diferente de pensar interfaces:
- Em vez de páginas monolíticas, você pode dividi-las em componentes independentes e reutilizáveis.
- Essa abordagem é chamada de Interface baseada em componentes e facilita muito a manutenção e evolução do código.
O que o React faz (e não faz)?
- ✅ Está preocupado apenas em renderizar componentes.
- ❌ Não gerencia o estado da aplicação sozinho.
- ❌ Não faz requisições ao back-end.
- ❌ Não traz camadas de service, controller, rotas etc.
Resumindo: ele recebe propriedades, computa estado e retorna uma representação virtual do DOM (Virtual DOM).
Mas dá para construir aplicações complexas só com o React?
A resposta é: Sim!
O React sozinho cuida apenas da View, mas o seu ecossistema é enorme. Ao combiná-lo com bibliotecas de roteamento, gerenciamento de estado (Redux, Context API, Zustand, etc.) e ferramentas de build, conseguimos montar aplicações completas e escaláveis.
Conclusão
Este artigo foi apenas uma introdução a essa poderosa biblioteca, que ganhou enorme popularidade no mercado por oferecer uma forma eficiente e performática de criar interfaces.
Nos próximos artigos podemos mergulhar em conceitos como componentes, estado, ciclo de vida e explorar o ecossistema que torna o React tão flexível.
Obrigado por ler! 🙂