Giter VIP home page Giter VIP logo

react-2020-04-03's Introduction

ДЗ

Как делать:

  1. Перед выполнением сделайте мердж мастера моего репозитория себе в форк (чтобы иметь актуальный код);
  2. Создайте ветку для выполнения ДЗ;
  3. Выполните ДЗ в этой ветке;
  4. Сделайте Pull Request этой ветки на мастер моего репозитория;
  5. Напишите мне ([email protected]) письмо со ссылкой на PR.

Дедлайн – 21:00 по Москве/Киеву за день до занятия.

HT1

  1. Создать компоненту Reviews, где выводить отзывы про рестораны и рейтинг с помощью компоненты Rate https://ant.design/components/rate/#header.
  2. Создать компоненту Restaurant, где показывать Menu и Reviews.
  3. В компоненте Restaurant показывать средний рейтинг с помощью компоненты Rate https://ant.design/components/rate/#header
  4. (опционально) Украсить приложени с помощью компонентов из ant.design.

HT2

  1. Покрыть PropTypes все компоненты.
  2. Написать тесты на уменьшение блюд.
  3. Покрыть тестами Reviews.

HT3

  1. Сделать компонент Order в котором отображать выбранные товары с их количеством, суммоый по каждому товару и общей стоимостью заказа.
  2. Сделать у каждой позиции в этом заказа кнопки +/-/удалить (при нажатии на удалить удаляеься все количество товара)

HT4

  1. Переписать review и рестораны на key=>value
  2. Починить отображение review (добавить пользователя из normalizedUsers в редьюсер reviews)
  3. Сделать форму добавления нового review
  4. Написать middleware для генерации uuid
  5. Реализовать добавление review в стор и показывать его

HT5

  1. Загрузить продукты через api middleware
  2. Загрузить users через redux-thunk
  3. Полностью убрать fixtures из приложения, все грузить с сервера
  4. При загрузках показывать лоареры, все грузить максимально низко, там где эти данные нужны
  5. При желании переписать все на immer/immutable

HT6

  1. Сделать роутинг на menu and reviews (/restaurants/id/reviews)
  2. В корзине продукты сделать ссылками на их рестораны

HT7

  1. Сделать редирект со корня и с /restaurants на страницу ресторана
  2. Проверить если мы на /checkout, то при нажатии на кнопку:
  • отправить запрос на: '/api/order'
  • блокировать кнопку на время запроса (можно добавить лоадер)
  • при успешном ответе редиректить на новую страницу "Спасибо за заказ!"
  1. Реализовать переключение валюты, хранить словарь словарь в контексте
  2. Анимировать добавление ревью

react-2020-04-03's People

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.