Development.md

[Udemy, Oleksandr Kocherhin] React Hooks - Пишем Реальный Проект с Нуля [RUS, 2019]

Разработка по шагам

004 Создание проекта

$ npx create-react-app .

005 Устанавливаем роутер

$ npm install --save react-router-dom

006 Добавляем верхнее меню

007 Отрисовываем страницу логина

008 Use state хук

009 Use state хук для страницы логина

010 Use ref

011 Use effect

012 Реализуем fetch внутри effect хука

$ npm install --save axios

013 Use fetch хук

014 Создаем use fetch хук

015 Страница регистрации

Check service:

$ curl \
  -d '{"user": { "username": "marley1",
        "email":"marley@pochta.ru", 
        "password": "password1"
    }}' \
  -H "Content-Type: application/json" \
  -X POST https://conduit.productionready.io/api/users  \
  | python -m json.tool

response

{
    "user": {
        "bio": null,
        "createdAt": "2020-01-03T21:06:41.865Z",
        "email": "marley@pochta.ru",
        "id": 79645,
        "image": null,
        "token": "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpZCI6Nzk2NDUsInVzZXJuYW1lIjoibWFybGV5MSIsImV4cCI6MTU4MzI2OTYwMX0.kN3eqBmQQYcgeoqvjJFkrSekBtRO232LFe8KQIiuEsA",
        "updatedAt": "2020-01-03T21:06:41.870Z",
        "username": "marley1"
    }
}

016 Сохраняем токен юзера

017 Создаем localstorage хук

018 Exhaustive deps

019 Контекст текущего юзера

020 Ошибки валидации

021 Получаем текущего юзера

022 Use callback хук

023 Улучшаем верхнее меню

024 Создаем фид

025 Реализуем пагинацию

$ npm install --save classnames
$ npm install --save query-string

026 Добавляем популярные теги

027 Переключение между фидами

028 Реализуем фид по тегу

029 Реализуем твой фид

030 Страница поста

031 Use reducer

032 Форма поста

033 Создание поста

034 Редактирование поста

035 Удаление поста

036 Страница настроек

037 Добавляем в избранное

038 Профиль пользователя

039 Реализуем статьи пользователя

040 Use effect callback

---

Marley

Any questions in english: Telegram Chat
Любые вопросы на русском: Телеграм чат