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
