-
✅ Getting Started with Redux - очень хороший курс по Redux от создателя билиотеки - Дэна Абрамова
-
создайте новую ветку
todo-appот веткиmaster; -
создайте папку
todo-appв корне папки со всеми работами и выполняйте домашку в этой папке; -
папка
srcдолжна содержать папкиcomponents,containers,state-management,helpersи структура должна выглядеть следующим образом: -
папка
state-managementдолжна содержать папкиactions,reducers,constantsф также файлinex.js, где будут находиться вашиcombined reducers: -
в папке
componentsдолжны лежать React компоненты, которые переиспользуются в проекте и не имеют прямого отношения кredux store; -
в папке
containersдолжны лежать компонеты, которые знают проstore, к которому подключаются с помощью функцииconnect()из библиотекиreact-redux; -
ваше приложение должно выполнять следующие функции:
- добавление
todoс помощью компонентыForm; - отображение списка ваших
todoшек; - каждая
todoшка должна иметь кнопкиdeleteиdone(кнопкаdoneдолжна работать также как отмена действия); - должна быть возможность отображать
allвсе тудушки, толькоdoneвыполненные и толькоactiveактивные;
- используйте библиотеку
styled-components💅 для стилей; - используйте
localstorageчтобы сохранять состояние приложения; - используйте библиотеку
react-router-domдля роутинга (например страницыall,done,active,not found);
- добавление
-
создайте пул реквест, добавьте ментора в ревью;
-
в описании пул реквеста добавьте скриншот или gif вашего приложения;
