Создание
ОБНОВЛЕНИЕ 2018: Вышло второе издание (современный код и версии пакетов, данное издание УСТАРЕЛО)
На канале так же проводятся бесплатные вебинары, публикуются переводы и авторские материалы, присоединяйтесь!
Создание
Я предлагаю по шагам создать одностраничное приложение, с минимумом функций, которое после логина и подтверждения прав доступа к фото, будет выдавать топ ваших "залайканных" фото в порядке убывания. Схематично, приложение можно представить следующим образом:
Прежде чем описывать структуру, давайте в общих чертах взглянем на Redux.
Redux-приложение это:
состояние (state) приложения в одном месте
однонаправленный поток данных
Redux вдохновлен Flux методологией и языком программирования Elm
Под капотом, Redux использует слабо документированную фичу реакта - context, которая, к слову, до сих пор является unstable, и может быть изменена/удалена. К счастью, этого не происходит и вряд ли произойдет.
Файлы и папки:
Изначально наше приложение в файловом менеджере должно выглядеть так:
+-- src
| +-- actions
| +-- components
| +-- constants
| +-- containers
| +-- reducers
| +-- index.js
+-- index.html
+-- package.json
+-- server.js
+-- webpack.config.js
Last updated
Was this helpful?