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

Источник: Nuances of Programming В этой статье мы привели краткие советы по повышению производительности React-приложения за счет понимания принципов повторного рендеринга и мемоизации. Чтобы извлечь из этих рекомендаций практическую пользу, важно знать, когда React ререндерит компоненты. Как правило, повторный рендеринг происходит из-за изменения пропсов или состояния компонента. Когда компонент ререндерится, все его дочерние компоненты также подвергаются ререндерингу, если они не мемоизированы (тут есть исключения, но в большинстве случаев это так)...