SERGIO TOMASVoltar ao portfólio

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

  1. 01

    Componentes e JSX

    Composição, props e interfaces feitas de peças pequenas e reutilizáveis.

  2. 02

    Estado e hooks

    useState, useEffect, useMemo, hooks customizados e as regras dos hooks.

  3. 03

    Modelo de renderização

    Reconciliação, keys, memoização e como evitar re-renders desnecessários.

  4. 04

    Gerência de estado

    Context API, Redux e quando o estado local basta.

  5. 05

    Busca de dados

    Estados de loading e erro, cache e server components.

  6. 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.