Разработчики, которые приходят на React с шаблонных языков, таких как Handlebars, часто удивляются, что JSX не имеет встроенного условного синтаксиса. По-сути, JSX - это просто JavaScript, и сегодня я расскажу о 5 способах использования JS для условного рендера в React компонентах. 1️⃣ Переменные для компонентов Мы можем записать JSX-компонент в переменную и затем отрисовать эту переменную. Можно использовать 'if-else' или 'switch'. Изначально, я в основном использовал данный способ для условного рендеринга, потому что мне нравилось, что он сохранял JSX более "чистым"...

В 2026 году React стал мощнее, умнее и сложнее. Появились Server Components, Actions, Streaming SSR — но рендеринг на клиенте всё ещё остаётся узким местом многих приложений. Особенно когда компоненты начинают мигать, лагать или «подвисать» при взаимодействии. Проблема не в React. Проблема — в том, как мы его используем. React обновляет UI путём сравнения нового и старого Virtual DOM. Если компонент получил новые props, state или его родитель обновился — он перерисовывается. Но! Ререндер != перерисовка в DOM...