Git Product home page Git Product logo

react-2020-10-02's Introduction

ДЗ

Как делать:

  1. Сделать форк этого репозитория в свой аккаунт (только 1 раз в самом начале).

  2. Перед выполнением ДЗ сделайте мердж мастера этого репозитория себе в форк (чтобы иметь актуальный код);

  3. Обновить зависимости yarn или npm i;

  4. Создайте новую ветку от актуального мастера для выполнения ДЗ;

  5. Выполните ДЗ в этой ветке;

  6. Сделайте Pull Request этой ветки в мастер моего репозитория;

  7. Напишите мне ([email protected]) письмо со ссылкой на PR.

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

HT1

  1. Создать компоненту Rate, которая принимает рейтинг (число от 1 до 5) и его отображает (можно просто показать число, нарисовать звездочки и раскрасить их, и т.д.).
  2. Создать компоненту Reviews, где выводить имена и отзывы про рестораны и рейтинг с помощью компоненты Rate.
  3. Создать компоненту Restaurant (рендерить там, где сейчас Menu). В Restaurant показывать Menu и Reviews, а так же средний рейтинг с помощью компоненты Rate.

HT2

  1. Покрыть PropTypes все компоненты (только то, что используется в компоненте).
  2. Написать тесты на уменьшение блюд. (усложнение - не используя увеличение).
  3. Покрыть тестами Reviews.

HT3

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

HT4

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

HT5

  1. Загрузить products через api middleware, грузить только для текущего ресторана
  2. Загрузить users через redux-thunk
  3. Дописать обратотку екшенынов LOAD_REVIEWS в reviews редьюсере
  4. Полностью убрать fixtures из приложения (удалить все импорты и сам файл), все грузить с сервера
  5. При загрузках показывать лоадеры, все грузить максимально низко, там где эти данные нужны
  6. Все данные грузить только один раз (не загружать повторно данные, которые уже есть)
  7. (Опционально) переписать все на immer

HT6

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

HT7

  1. Сделать редирект со / и с /restaurants на страницу ресторана
  2. Проверить если мы на /checkout, то при нажатии на кнопку:
  • отправить POST запрос на: '/api/order' с JSON формата [{id: "d75f762a-eadd-49be-8918-ed0daa8dd024", amount: 2}]
  • блокировать кнопку на время запроса (можно добавить лоадер)
  • при успешном ответе (при сумме заказа от 50 до 200) редиректить на новую страницу "Спасибо за заказ!" и очищать корзину
  • при ошибке редиректить на странцу ошибки, показать текст ошибки
  1. Реализовать переключение валюты, хранить словарь словарь в контексте (минимум 3 валюты)
  2. Анимировать добавление ревью использус css modules

react-2020-10-02's People

Watchers

 avatar  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.