Библиотека 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