//
Busque em todas as páginas da documentação
14 pages in this section.
11 exemplos para você começar com Padrões React -- 7 básicos e 4 intermediários.
Construa contêineres e layouts flexíveis e reutilizáveis compondo children em vez de usar herança.
Compartilhe comportamento ou lógica de estado reutilizáveis, permitindo que o consumidor decida o que renderizar.
Encapsule comportamentos compartilhados, como autenticação, logging ou temas, em componentes que envolvem outros componentes sem modificá-los.
Construa componentes de múltiplas partes como Tabs e Accordion que compartilham estado, permitindo que os consumidores controlem a estrutura.
Decida quem é o proprietário do estado de um componente e suporte ambos os usos, controlado e não controlado, em componentes de biblioteca.
Modele a UI com estados e transições explícitos em vez de gerenciar múltiplas booleanas isLoading e isError.
Capture erros de renderização em uma subárvore de componentes e mostre um fallback em vez de travar todo o aplicativo.
Renderize modais, tooltips e toasts fora da árvore DOM do componente pai, mantendo os eventos e o contexto do React intactos.
Declare estados de carregamento para componentes assíncronos e dados com limites de carregamento em vez de flags manuais.
Evite tempestades de re-renderização de contexto dividindo o estado das ações, escopando provedores e lendo com seletores.
Profile primeiro, depois aplique memo, useMemo e useCallback apenas onde eles ajudam mensuravelmente.
Um resumo condensado das 25 melhores práticas mais importantes, extraídas de cada página desta seção.
A single-page roundup of every highlight bullet from the 13 pages in the React Patterns section, grouped by source page so you can scan all 78 takeaways without opening each article individually.