Видео курс ReactJS Essential. Подробнее о компонентах - онлайн обучение ITVDN
ITVDN: курси програмування
Відеокурси з
програмування

Замовити дзвінок

Вибери свою IT спеціальність

Підписка

Замовити дзвінок

+38 099 757 27 82

ВІДЕОУРОК № 2. Подробнее о компонентах

Для перегляду повної версії відеокурсу, онлайн тестування та отримання доступу до додаткових навчальних матеріалів придбайте курс Придбати курс
Для перегляду всіх відеокурсів ITVDN, представлених у Каталозі, а також для отримання доступу до навчальних матеріалів та онлайн тестування придбайте підписку Придбати підписку

В начале урока будет рассмотрена история появления ReactJS и преимущества данной платформы. Далее вы узнаете, как работает виртуальный DOM, что такое React-компонент и как его создавать. Также научитесь обрабатывать события, которые могут возникнуть в ходе работы программы. В качестве итога урока вы напишете простое React-приложение, применив полученные знания на практике.

В данном видео уроке будут рассмотрены следующие темы: 

  1. Структура курса
  2. Что такое React и когда его используют
  3. Виртуальный DOM и как он работает
  4. Рендеринг данных в React - JSX
  5. Первый компонент - Hello world
  6. React-компоненты
  7. Пример. Отображение списка контактов
  8. Обработка событий в React
  9. Пример. Динамический поиск по списку контактов
Читати далі...
В данном видео уроке разбирается разница между props и state компонентов, изучим встроенные методы жизненного цикла компонентов в React и напишем небольшое приложение для создания заметок.
Читати далі...
В данном видео уроке Вы ознакомитесь с подключением внешних модулей в проект, разберете, что такое системы сборки и зачем нужно их использовать. Также мы ознакомимся с Webpack и научимся конфигурировать сборку приложения, настраивать Live-reload и hot module replacement. В конце урока, разбирается работа с инструментами разработчика для React.
Читати далі...
На этом видео уроке рассматривается стек технологий, которые обычно используются вместе с React. Научимся подключать внешние модули и использовать сборщики проектов.
Читати далі...
В этом уроке мы рассмотрим проблему загрузки и распределения данных среди компонентов, разберемся с архитектурой Flux от Facebook. Также научимся взаимодействовать с внешним API. Начнем писать приложение для работы с задачами.
Читати далі...
На этом уроке продолжим писать наше веб-приложение на основе Google Task Api. Вы узнаете об “умных” и “глупых” компонентах, а так же о доле “оптимизма” в выделении задач и их редактирование. В конце сделаем финальный конфиг нашего приложения, а так же подготовим репозиторий для работы с git.
Читати далі...
Приложения, которое еще не было залито на хостинг - не считается настоящим приложением. На этом уроке с помощью GitHub Pages реализуем наш проект. Это очень удобный сервис, который позволяет публиковать статические сайты прямо из вашего репозитория на GitHub. Так же на уроке будет подробно рассмотрена работа с git.
Читати далі...
ПОКАЗАТИ ВСЕ
основні теми, що розглядаються на уроці
0:00:41
Жизненный цикл компонента
0:01:55
Инициализация компонента (первый render)
0:03:41
Изменение параметров компонента (props change)
0:06:14
Изменение состояния компонента (state change)
0:06:36
Демонтаж компонента (unmounting)
0:08:11
Пример работы жизненного цикла
0:10:40
Таймер/Timer (Пример компонента)
0:14:40
Пример приложения для создания и просмотра заметок
0:24:26
Параметр children
0:25:33
Inline стили
0:28:34
Refs
0:44:20
Как работают события в React
0:45:02
Подведение итогов
ПОКАЗАТИ ВСЕ
Студенти також дивляться
React Базовий
ДЕТАЛЬНІШЕ
React Поглиблений
ДЕТАЛЬНІШЕ

Купуй передплатуз доступом до всіх курсів та сервісів

Бібліотека сучасних IT знань у зручному форматі

Вибирай свій варіант підписки залежно від завдань, що стоять перед тобою. Але якщо потрібно пройти повне навчання з нуля до рівня фахівця, краще вибирати Базовий або Преміум. А для того, щоб вивчити 2-3 нові технології, або повторити знання, готуючись до співбесіди, підійде Пакет Стартовий.

Стартовий
  • Усі відеокурси на 3 місяці
  • Тестування з 10 курсів
  • Перевірка 5 домашніх завдань
  • Консультація з тренером 30 хв
59.99 $
Придбати
Базовий
  • Усі відеокурси на 6 місяців
  • Тестування з 16 курсів
  • Перевірка 10 домашніх завдань
  • Консультація з тренером 60 хв
89.99 $
Придбати
Преміум
  • Усі відеокурси на 12 місяців
  • Тестування з 24 курсів
  • Перевірка 20 домашніх завдань
  • Консультація з тренером 120 хв
169.99 $
Придбати
коментарі та обговорення
Notification success