React Hooks - Пишем Реальный Проект с Нуля

В этом курсе мы создадим клон сайта Medium используя React и React hooks. Этот курс полностью сфокусирован на быстром и глубоком погружении в создание реального приложения с Реакт и хуками. Мы начнем с нуля и шаг за шагом дойдем до законченного приложения. Мы глубоко разберемся как структурировать приложение, создавать переиспользуемые и понятные хуки и компоненты и как разбивать код на маленькие кусочки. Мы будем писать код в подходе, который пропагандируют хуки, чтобы сделать весь наш код иммутабельным и избежать ненужной сложности.

Для каждого урока вы получаете исходный код, так что вы легко можете увидеть прогресс приложения и получить работающий вариант любого урока.

Что вы изучите в этом курсе:

• Как структурировать и конфигурировать проект
• Как писать качественный код на React и react hooks в реальном проекте
• Как создавать переиспользуемые хуки и компоненты
• Как реализовать авторизацию и регистрацию
• Глубоко поймете стандартные реакт хуки
• Поймете перерендер компонентов используя хуки
• Напишете собственные хуки
• Научитесь получать данные от API с помощью хуков

Если вы чувствуете, что вы знаете Реакт, но вам не хватает знаний хуков, чтобы строить свои собственные приложение, то этот курс, это то, что вам нужно. Этот курс полностью сфокусирован на создании приложение без углубления в базовые знания о React.

Чему вы научитесь

• Создавать реальный проект с React и React hooks
• Писать качественный код на React
• Создавать переиспользуемые хуки и компоненты

1. Почему хуки?
2. Архитектура проекта
3. Создание проекта
4. Устанавливаем роутер
5. Добавляем верхнее меню
6. Отрисовываем страницу логина
7. Use state хук
8. Use state хук для страницы логина
9. Use ref
10. Use effect
11. Реализуем fetch внутри effect хука
12. Use fetch хук
13. Создаем use fetch хук
14. Страница регистрации
15. Сохраняем токен юзера
16. Создаем localstorage хук
17. Exhaustive deps
18. Контекст текущего юзера
19. Ошибки валидации
20. Получаем текущего юзера
21. Use callback хук
22. Улучшаем вернее меню
23. Создаем фид
24. Реализуем пагинацию
25. Добавляем популярные теги
26. Переключение между фидами
27. Реализуем фид по тегу
28. Реализуем твой фид
29. Страница поста
30. Use reducer
31. Форма поста
32. Создание поста
33. Редактирование поста
34. Удаление поста
35. Страница настроек
36. Добавляем в избранное
37. Профиль пользователя
38. Реализуем статьи пользователя
39. Use effect callback
40. Домашнее задание