Курс Библиотека React: построй свою любовь к интерактивным веб-интерфейсам
- Получите опыт работы
Создайте за время обучения более 20 вариантов интерактивных интерфейсов - Развивайте свою карьеру
Освойте самую перспективную библиотеку для построения интерфейсов - Растите как профессионал
Добавьте React в свое резюме и получите новые карьерные возможности
- JSX
6 часов практики 3 часа теории
Библиотека React предоставляет нам виртуальный браузер. В отличие от других библиотек, которые расширяют возможности языка HTML, React предоставляет виртуальный DOM API, с помощью которого мы можем гораздо проще создавать интерактивные веб-интерфейсы. Мы взаимодействуем с React как с виртуальным браузером, а React уже взаимодействует с реальным.
- Композиция компонентов
8 часов практики 4 часа теории
Компонент интерфейса проще всего представить как функцию. На входе — свойства, на выходе — представление в окне браузера. Помимо свойств каждый компонент может иметь собственное состояние, которое тоже может влиять на его внешний вид. Сходства с функцией на этом не заканчиваются. Вы можете создавать более сложные компоненты, комбинируя их из более простых. Компоненты можно повторно использовать.
- Одностраничные приложения
6 часов практики 3 часа теории
Несмотря на слово «одностраничное» в названии, обычно такие приложения имеют множество экранов и состояний, позволяя пользователю переходить между ними, ссылаться на них. С одной лишь разницей: переход происходит без полной перезагрузки страницы. Каждый экран — это просто определенное состояние интерфейса. И React-роутер позволяет очень просто и логично организовать управление этими состояниями.
- Интеграция с React
5 часов практики 3 часа теории
Современные интерфейсы имеют огромное количество взаимосвязанных компонентов, обновляются на лету. Чтобы не потеряться в многообразии различных действий, событий, связей и данных, у вас должен быть план. И Flux — это как раз и есть такой план. Есть события. Есть диспетчер, который обрабатывает событие. Есть хранилище, в котором отражается состояние. И наконец, представление обновляется при обновлении хранилища.
- React
- JSX
- Flux
- React router
- pub/sub, observer, mediator
- MVC, MVVM