👴🏼 Версии React: не будь стариком

Знаете, я недавно поймал себя на мысли, что большинство курсов и видео по React остаются актуальными даже спустя 4–5 лет. По сути, в реальной работе мы продолжаем использовать базовые концепции, и редко встречается применение действительно новых возможностей библиотеки. Не так уж часто увидишь проект, где активно используют серверные компоненты, useId, хуки для форм вроде useFormStatus, или что-то для конкурентного режима, вроде useTransition. Даже изменения в батчинге, появившиеся в React 18, многим знать не обязательно. А про то, что под капотом давно работает Fiber — многие опытные разработчики слышат об этом впервые.

Как правило, любые видео «о новых возможностях React» сводятся к обзорам с примерами на YouTube, а не настоящему использованию всех этих фич в реальных проектах. Даже ролики, которые громко называют «Практика с React 19», на деле оказываются очередным проектом, написанным привычным способом, без каких-либо новых инструментов.

И вот чтобы не оказаться в ловушке, когда через 3–5 лет вы уже сеньор, а в вакансии внезапно требуют «знание React 18!!», а вы даже не знаете, что такое Fiber, — всё-таки нужно изучать нововведения и стараться применять их в работе. Не насильно, не ради галочки, а там, где это действительно имеет смысл. Но важно хотя бы пощупать каждую новую фичу руками — просто чтобы помнить, что такой инструмент существует, и в нужный момент вы могли бы его использовать.

Я всегда удивлялся вакансиям, где восклицательно пишут «Знание ES6!». А потом понял: есть много специалистов, которые годами сидят на одном проекте и не знают, что существуют стрелочные функции, продолжают писать в старом ООП-стиле, мутируют данные — когда давно уже принято писать в функциональном стиле, с иммутабельностью и современным подходом.

Подборка видео:
1) Пишем todo list на React 19 с нуля!
2) Новые хуки useTransition и useDeferredValue в React 18
3) Новый React 19: 7 изменений.