/react-101

Primary LanguageJavaScript

Заняття 1 - Компоненти

  • Знайомство
  • Бібліотека React
    • Екосистема бібліотек
    • Стандартизація розробки
    • Патерни
    • Компонентна розробка
  • Створення проекту
    • https://vitejs.dev/
    • Налаштування ESLint (react/prop-types: 0)
    • Делой на Vercel
  • Інструменти розробника (React DevTools)
  • Компоненти
    • Дефолтний імпорт та експорт
  • JSX - опис UI
    • Особливості
    • Правило спільного батька
    • Фрагменти
    • JSX вирази у розмітці та атрибутах
  • Налаштування компонента
    • Параметр props
    • Деструктуризація пропсів
  • Умовний рендеринг
    • Оператор &&
    • Тернарний оператор
    • Значення що не відображаються: null, undefined, false
  • Колекції елементів
    • Метод map
    • Ключі елементів
    • Компоненти списку та елементу
  • Властивість props.children
  • Рендер додатка в DOM у файлі main.jsx
    • Пакети react та react-dom
    • Методи createRoot та render