React Hooks - Пишем Реальный Проект с Нуля
Улучшите свои скиллы React и React hooks реализуя реальное приложение


Описание:
В этом курсе мы создадим клон сайта Medium используя React и React hooks. Этот курс полностью сфокусирован на быстром и глубоком погружении в создание реального приложения с Реакт и хуками. Мы начнем с нуля и шаг за шагом дойдем до законченного приложения. Мы глубоко разберемся как структурировать приложение, создавать переиспользуемые и понятные хуки и компоненты и как разбивать код на маленькие кусочки. Мы будем писать код в подходе, который пропагандируют хуки, чтобы сделать весь наш код иммутабельным и избежать ненужной сложности.
Для каждого урока вы получаете исходный код, так что вы легко можете увидеть прогресс приложения и получить работающий вариант любого урока.
Что вы изучите в этом курсе:
- Как структурировать и конфигурировать проект
- Как писать качественный код на React и react hooks в реальном проекте
- Как создавать переиспользуемые хуки и компоненты
- Как реализовать авторизацию и регистрацию
- Глубоко поймете стандартные реакт хуки
- Поймете перерендер компонентов используя хуки
- Напишете собственные хуки
- Научитесь получать данные от API с помощью хуков
Если вы чувствуете, что вы знаете Реакт, но вам не хватает знаний хуков, чтобы строить свои собственные приложение, то этот курс, это то, что вам нужно. Этот курс полностью сфокусирован на создании приложение без углубления в базовые знания о React.
Чему вы научитесь
- Создавать реальный проект с React и React hooks
- Писать качественный код на React
- Создавать переиспользуемые хуки и компоненты
Программа курса:
- Почему хуки?
- Архитектура проекта
- Создание проекта
- Устанавливаем роутер
- Добавляем верхнее меню
- Отрисовываем страницу логина
- Use state хук
- Use state хук для страницы логина
- Use ref
- Use effect
- Реализуем fetch внутри effect хука
- Use fetch хук
- Создаем use fetch хук
- Страница регистрации
- Сохраняем токен юзера
- Создаем localstorage хук
- Exhaustive deps
- Контекст текущего юзера
- Ошибки валидации
- Получаем текущего юзера
- Use callback хук
- Улучшаем вернее меню
- Создаем фид
- Реализуем пагинацию
- Добавляем популярные теги
- Переключение между фидами
- Реализуем фид по тегу
- Реализуем твой фид
- Страница поста
- Use reducer
- Форма поста
- Создание поста
- Редактирование поста
- Удаление поста
- Страница настроек
- Добавляем в избранное
- Профиль пользователя
- Реализуем статьи пользователя
- Use effect callback
- Домашнее задание