Строгий режим (Strict Mode) в React - это инструмент, который позволяет выявлять потенциальные проблемы и уведомлять о них в ранней стадии разработки приложения.

Для включения строгого режима в приложении React, достаточно обернуть корневой компонент приложения в тег <React.StrictMode>. Например:

import React from "react"
import ReactDOM from "react-dom"
import App from "./App"
 
ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById("root"),
)

Для отладки событий аналитики, которые вы отправляете, вы можете развернуть свое приложение в среде staging (которая работает в режиме production) или временно отказаться от Strict Mode и его проверок ремонтирования только для разработки. Вы также можете отправлять аналитику из обработчиков событий изменения маршрута вместо Effects. Для более точной аналитики, наблюдатели пересечений могут помочь отследить, какие компоненты находятся в области просмотра и как долго они остаются видимыми.

Строгий режим включает следующие модели поведения, доступные только для разработчиков:

  • Ваши компоненты будут перерендериваться дополнительно для поиска ошибок, вызванных нечистым рендерингом.
  • Ваши компоненты будут перезапускать эффекты дополнительно, чтобы найти ошибки, вызванные отсутствием очистки эффектов.
  • Ваши компоненты будут проверяться на использование устаревших API.

Назад