05-flux

Урок 5 — Взаимодействие с API и Flux

мини-тест по содержанию урока (5 минут)

Резюме

Вопросы для самопроверки

• Что такое архитектура Flux?
• Как происходит взаимодействие с данными во Flux?
• Для чего нужны константы в Flux?
• За что отвечает Dispatcher?

Примеры из видео

• Almost google tasks [код]

Материалы

Flux

• Oфициальный сайт

Google API

• https://console.developers.google.com/iam-admin/projects
• https://developers.google.com/google-apps/tasks/v1/reference

Дополнительно

• Библиотека material-ui

Домашнее задание

Задание 1: Удаление задач

Уровень сложности: низкий

Нужно реализовать удаление задач из списка (по клику в меню) и при редактировании. Для этого нужно создать методы для API, константы, экшены и обработчики в сторах.

Документация: https://developers.google.com/google-apps/tasks/v1/reference/tasks/delete

Задание 2: Выделение выбранного списка задач

Уровень сложности: низкий

В меню слева должен подсвечиваться выбранный список. Почитайте в документации react-router о том, как можно это сделать.

Задание 3: Отображение названия выбранного списка

Уровень сложности: средний

Вверху списка задач должно отображаться название открытого списка.

Документация: https://developers.google.com/google-apps/tasks/v1/reference/tasklists/get

Задание 4: Срок и описание задач

Уровень сложности: высокий

При создании (и, соответственно, редактировании) задач должна быть возможность добавить к ним описание и срок выполнения. Используйте компоненты material-ui. Также подумайте, как это лучше отобразить в приложении при просмотре списка.

Создание задачи: https://developers.google.com/google-apps/tasks/v1/reference/tasks/insert

Изменение задачи: https://developers.google.com/google-apps/tasks/v1/reference/tasks/update

Компонент для выбора даты: http://www.material-ui.com/v0.14.4/#/components/date-picker

Задание 5: Редактирование и удаление списков

Уровень сложности: высокий

При открытии списка вверху (рядом с кнопкой для добавления задачи) должны быти кнопки для редактирования и удаления открытого списка. Предусмотрите обновление информации о списке в приложении после ее изменения. Также добавьте диалог с предупреждением при удалении списка.

Изменение списка: https://developers.google.com/google-apps/tasks/v1/reference/tasklists/update

Удаление списка: https://developers.google.com/google-apps/tasks/v1/reference/tasklists/delete

Если есть вопросы пишите сюда