Я думаю, многие начинающие программисты начинают задавать себе этот вопрос. Если Вы только начинаете погружаться в изучение React, тогда эта статья для Вас! Начнем с того, что React - это JavaScript-библиотека, и, да, его (JS) пропустить нельзя. Тут можно затронуть тему того, что перед React, а тем более JS необходимо получить знания по HTML (flex, синтаксическая верстка), CSS (препроцессоры), затем Вы должны (в идеале, конечно, но Вас никто не заставляет) сверстать пару лендингов и начать учить JS...
Разработчики, которые приходят на React с шаблонных языков, таких как Handlebars, часто удивляются, что JSX не имеет встроенного условного синтаксиса. По-сути, JSX - это просто JavaScript, и сегодня я расскажу о 5 способах использования JS для условного рендера в React компонентах. 1️⃣ Переменные для компонентов Мы можем записать JSX-компонент в переменную и затем отрисовать эту переменную. Можно использовать 'if-else' или 'switch'. Изначально, я в основном использовал данный способ для условного рендеринга, потому что мне нравилось, что он сохранял JSX более "чистым"...