Concurrent Rendering — это фишка React, которая делает приложение отзывчивее, позволяя рендереру работать без блокировки основного потока UI. Благодаря этому React может приостановить текущие задачи рендеринга, когда появляется более важная работа.
React следит за активными задачами и умно их приоритизирует. Когда происходит событие с высоким приоритетом — например, ввод пользователя — React временно прерывает рендеринг с низким приоритетом, обрабатывает срочную задачу и потом возобновляет рендеринг. Это предотвращает зависание UI во время сложных вычислений.
Ты можешь включить Concurrent Rendering двумя способами:
Оберни нужные компоненты в ConcurrentMode:
<React.unstable_ConcurrentMode>
<YourComponent />
</React.unstable_ConcurrentMode>
Используй createRoot для всего приложения:
ReactDOM.unstable_createRoot(domNode).render(<App />);
В этих API префикс unstable_ потому что это экспериментальные фишки, которые React-команда ещё доводит. Для большинства случаев они вполне готовы к production, но имей в виду, что могут измениться, пока фишка развивается.
Concurrent rendering позволяет React приостанавливать низкоприоритетные задачи рендеринга, когда происходят высокоприоритетные события, такие как ввод пользователя, а затем продолжить рендеринг.
Новый — ещё не проверен сообществом
Вы