Front-end · Ferramenta
React
Interfaces orientadas a componentes, em escala.
Onde usei
- Stellar Gaming
- DOMVS iT
- Claro
01Visão geral
React é minha principal biblioteca de front-end. Uso para desenhar arquiteturas de componentes que escalam entre squads — de design systems a micro-frontends — mantendo o estado previsível e a renderização rápida.
02Conceitos essenciais
O que qualquer pessoa que trabalha com isso precisa entender
- 01
Componentes e JSX
Composição, props e interfaces feitas de peças pequenas e reutilizáveis.
- 02
Estado e hooks
useState, useEffect, useMemo, hooks customizados e as regras dos hooks.
- 03
Modelo de renderização
Reconciliação, keys, memoização e como evitar re-renders desnecessários.
- 04
Gerência de estado
Context API, Redux e quando o estado local basta.
- 05
Busca de dados
Estados de loading e erro, cache e server components.
- 06
Testes
Testing Library e Jest: testar comportamento, não implementação.
03Na prática
Implementei na Claro uma arquitetura de micro-frontends onde React, Angular e Vue convivem, construí sites em Next.js na DOMVS iT e lidero a arquitetura de front-end na Stellar Gaming.
04Relacionadas