Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
React Hooks - Пишем Реальный Проект с Нуля
Rating: 4.5 out of 5(179 ratings)
611 students

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

Изучите Reactjs, Hooks, React Routing, Context, Авторизацию, API разработав реальный проект от начала и до ко
Last updated 1/2025
Russian

What you'll learn

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

Course content

2 sections44 lectures7h 11m total length
  • О чем этот раздел?0:05
  • Почему хуки?12:17
  • Архитектура проекта5:52
  • Создание проекта5:37
  • Автоформатирование кода3:34
  • Разворачиваем API локально4:28
  • Устанавливаем роутер11:08
  • Добавляем верхнее меню9:25
  • Отрисовываем страницу логина7:06
  • Use state хук7:40
  • Use state хук для страницы логина5:19
  • Use ref5:03
  • Use effect8:12
  • Реализуем fetch внутри effect хука10:02
  • Use fetch хук5:05
  • Создаем use fetch хук14:39
  • Страница регистрации9:19
  • Сохраняем токен юзера8:28
  • Создаем localstorage хук8:16
  • Exhaustive deps6:36
  • Контекст текущего юзера12:10
  • Ошибки валидации8:45
  • Получаем текущего юзера14:08
  • Use callback хук7:37
  • Улучшаем вернее меню8:49
  • Создаем фид13:02
  • Реализуем пагинацию29:53
  • Добавляем популярные теги9:23
  • Переключение между фидами6:14
  • Реализуем фид по тегу6:25
  • Реализуем твой фид5:16
  • Страница поста13:37
  • Use reducer13:15
  • Форма поста15:15
  • Создание поста14:49
  • Редактирование поста16:40
  • Удаление поста14:00
  • Страница настроек24:07
  • Добавляем в избранное17:12
  • Профиль пользователя11:08
  • Реализуем статьи пользователя11:34
  • Use effect callback6:12

Requirements

  • Компьютер на который вы можете установить нужные программы (Windows, MacOS, or Linux)
  • Немного знаний о React и опционально Redux

Description

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

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

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

  • Как структурировать и конфигурировать React проект

  • Как писать качественный код на React и react hooks в реальном проекте

  • Как создавать переиспользуемые React хуки и компоненты

  • Как реализовать авторизацию и регистрацию в React

  • Глубоко поймете стандартные реакт хуки

  • Поймете перерендер компонентов используя хуки

  • Напишете собственные хуки, которые вы сможете использовать в других проектах

  • Научитесь получать данные от API с помощью хуков

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


Who this course is for:

  • Этот курс для вас, если вы хотите разработать реальное приложение от начала до конца
  • Этот курс для всех, кто хочет изучить реакт хуки
  • Этот курс для вас, если вы хотите улучшить свои навыки React и react hooks