reactjs / reactjs/react.dev

Feature: Add native support for error boundaries in Functional Components via a new hook

Aberta
#8,157 1 comentário 0 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Linguagem predominante
JavaScript
Estrelas
11.8k
Forks
7.9k
Merge médio
1d 11h
PRs com merge (30d)
11

Descrição

Issue Body (Example):
💡 Problem: Currently, to implement an Error Boundary in a React application (a component that catches JavaScript errors anywhere in its child component tree, logs those errors, and displays a fallback UI), developers must use a Class Component with the componentDidCatch lifecycle method. This breaks the pattern of using hooks/functional components for the rest of the application.

🚀 Proposed Feature: Introduce a new hook, perhaps useErrorBoundary, that allows a Functional Component to act as an Error Boundary.

Guia de contribuição

Abrir o guia de contribuição

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Direção de pesquisa

Comece revisando a documentação existente sobre error boundaries baseados em classes e o método de ciclo de vida componentDidCatch. Compare esse comportamento com o hook useErrorBoundary proposto e defina como um componente funcional capturaria erros, registraria esses erros e renderizaria uma UI de fallback. A tarefa estará concluída quando o recurso estiver implementado com comportamento e exemplos documentados.

Escrita pelo modelo de indexação a partir do texto da issue.

Avaliação

Stack de tecnologia
javascript, react
Domínio
frontend
Tipo de issue
Funcionalidade
Dificuldade
5/5
Tempo estimado
Mais de uma semana
Status de atividade
Estagnada
Clareza
Precisa de esclarecimento
Facilidade para iniciantes
20/100

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.