Por muitas vezes nós nos preocupamos em tratar erros que vêm da API por meio de status code, mas deixamos de lado a possibilidade de tratar erros de quebra de contrato em nossa aplicação.

Os Error Boundaries do React são uma forma de prevenir que a aplicação inteira deixe de funcionar por um único erro, adicionando “barreiras” aos erros que quebram nossa aplicação por inteiro.

Além de manter mais itens da sua aplicação funcionando, mesmo que um endpoint esteja quebrado ou fora do ar, os error boundaries permitem com que você adicione uma informação visual (na interface) mostrando que aquele componente em específico quebrou e qual foi o motivo.

E aí? Bora mergulhar no conhecimento e aprender a deixar a experiência do usuário melhor?!

CodeSandbox:
https://codesandbox.io/s/error-boundary-p3nms

Documentação do React sobre Error Boundaries:
https://pt-br.reactjs.org/docs/error-boundaries.html

• Introdução: (0:00)
• Apresentando o problema: (0:57)
• Resolvendo o problema: (3:08)
• Exemplo RWA: (18:46)
• Agradecimentos e dicas: (21:40)

#javascript #react #api #web-development #developer