Скачать или смотреть Упражнения: Условный рендеринг — React In Depth

Давайте вместе выполним несколько упражнений для отработки условного рендеринга в React.

Начнём с разминки, чтобы попрактиковаться в условном рендеринге JSX на основе свойства, переданного родительским компонентом.

Затем мы рассмотрим первое упражнение, в котором мы используем состояние для управления условием вместо свойства.

Во втором упражнении мы рассмотрим, как использовать события ввода для определения соответствующего пароля.

В завершение видео мы рассмотрим более сложный пример использования массивов, состояния и сопоставления для условного рендеринга имён в DOM.

Главы:
00:00 Введение
00:36 Разминочное упражнение — Условные операторы Prop
09:47 Упражнение 1 — Состояние и условные операторы
16:34 Упражнение 2 — Состояние аутентификации
25:18 Упражнение 3 — Массивы и состояние
46:16 Дальнейшие шаги

📦 Репозиторий Github с заметками, кодом упражнений и решениями: https://github.com/Nooder/react-in-deep

💬 Присоединяйтесь к нам в Discord, чтобы пообщаться с единомышленниками о технологиях и обучении:   / discord  

🏅 Поддержите канал и контент через суперспасибо, подписку на канал или на Patreon:   / techwithnader