O modo estrito (Strict Mode) é uma ferramenta para sinalizar potenciais problemas em uma aplicação. Assim como o Fragment, o StrictMode não renderiza nenhum elemento visível na interface. Ele ativa, no entanto, verificações e avisos adicionais para os seus descendentes.
\n\nNota:
\nVerificações do modo estrito são executadas somente em modo de desenvolvimento; elas não impactam na build de produção.
\n
Você pode habilitar o modo estrito para qualquer parte da sua aplicação, por exemplo:\n
import React from 'react';\n\nfunction ExampleApplication() {\n return (\n <div>\n <Header />\n <React.StrictMode> <div>\n <ComponentOne />\n <ComponentTwo />\n </div>\n </React.StrictMode> <Footer />\n </div>\n );\n}No exemplo acima, as verificações do modo estrito não serão executadas nos componentes Header e Footer. No entanto, ComponentOne e ComponentTwo, assim como todos os seus componentes descendentes, serão verificados.
O modo estrito ajuda atualmente com:
\nFuncionalidades adicionais serão adicionadas em versões futuras do React.
\nComo explicado neste post, alguns antigos métodos de ciclo de vida (lifecycles) são inseguros de serem usados em aplicações assíncronas do React. Contudo, se a sua aplicação usa bibliotecas customizadas, pode ser difícil de verificar que esses métodos de ciclo de vida não estão sendo usados. Felizmente, o modo estrito pode ajudar nisso!
\nQuando o modo estrito está ativado, o React compila uma lista de todos os componentes classe que usam ciclos de vida inseguros e imprime no console uma mensagem de aviso com informações relativas a estes componentes, como:
\n\n
À primeira vista, este código pode não parecer problemático. Mas se SharedApplicationState.recordEvent não for idempotente, então instanciar este componente múltiplas vezes pode levar a um estado da aplicação inválido. Este tipo de erro pequeno e sutil pode não se manifestar durante o desenvolvimento, ou pode fazê-lo de forma inconsistente e, portanto, ser ignorado.
Ao intencionalmente invocar os métodos de ciclo de vida duas vezes, como o construtor do componente, o modo estrito pode tornar padrões como este mais fácil de localizar.
\nA antiga API de contexto era propensa a erros, e será removida em uma futura versão principal (major version). Ela ainda funciona para todas versões 16.x, mas mostrará uma mensagem de aviso no modo estrito:
\n
Leia a documentação da nova API de contexto para ajudá-lo a migrar para a nova versão.
","frontmatter":{"title":"Modo Estrito (Strict Mode)","next":null,"prev":null},"fields":{"path":"content/docs/strict-mode.md","slug":"docs/strict-mode.html"}}},"pageContext":{"slug":"docs/strict-mode.html"}},"staticQueryHashes":[]}