Освойте практический подход к созданию современных веб‑приложений с помощью React Hooks и экосистемы Firebase. Этот курс — идеальный выбор для тех, кто хочет научиться быстро создавать динамичные, масштабируемые и полностью безсерверные проекты, применяя лучшие инструменты и паттерны фронтенд‑разработки.
О курсе
На протяжении обучения вы шаг за шагом создадите полноценный клон Hacker News — от настройки React‑окружения до развертывания проекта на Firebase Hosting. Вы поймёте, как объединить React Hooks, Firestore, аутентификацию Firebase и облачные функции в единый цельный продукт.
Что вас ждёт на практике
Полное построение функционального новостного приложения с комментариями, голосованием и системой авторизации.
Работа с Firestore в реальном времени: хранение, сортировка и поиск данных.
Создание собственных пользовательских хуков и оптимизация структуры проекта.
Реализация UI‑логики с React Context и глубокой маршрутизацией.
Развёртывание приложения и серверных функций в Firebase.
Изучаемые технологии и навыки
Курс помогает не просто повторить готовое решение, а действительно понять, как работает стек React + Firebase и как применять его в реальных проектах.
React Hooks и управление состоянием
Создание пользовательских хуков для взаимодействия с Firebase.
Использование React Context и useContext для глобального состояния.
Оптимизации и правильная структуризация кода.
Работа с Firebase и Firestore
Основные паттерны интеграции Firebase с React.
CRUD‑операции с Firestore Realtime Database.
Подписки в реальном времени и обработка изменений данных.
Сброс пароля, аутентификация и авторизация пользователей.
Дополнительная функциональность
Реализация пагинации и сортировки данных.
Полнотекстовый поиск по базе данных.
Работа с Firebase CLI и развертывание приложений.
Использование date-fns для форматирования времени.
Кому подойдёт этот курс
Материал будет полезен разработчикам, которые:
уже знакомы с основами React и хотят выйти на новый уровень;
хотят освоить современный подход к созданию безсерверных приложений;
ищут практический пример полной интеграции React с Firebase;
нуждаются в навыках создания приложений с реальным временем и аутентификацией.
Результаты обучения
Завершив курс, вы будете уверенно владеть инструментами React Hooks и Firebase, а также понимать, как строить быстрые, надёжные и масштабируемые веб‑приложения. У вас будет полноценный проект в портфолио — клон Hacker News с расширенной функциональностью и продуманной архитектурой.
Урок 1.00:00:59
Tools Required
Урок 2.00:01:26
How to Get the Most out of This Course
Урок 3.00:01:13
Getting our Starting Code
Урок 4.00:01:09
Overview of Project Code
Урок 5.00:04:12
Adding Routing with React Router 5
Урок 6.00:04:25
Building Header / Navigation
Урок 7.00:06:09
Creating and Toggling Login / Register Forms
Урок 8.00:09:22
Developing a Reusable Form Hook
Урок 9.00:09:57
Adding Validation to useFormValidation
Урок 10.00:03:32
Create Firebase Project, Setup Auth Resource
Урок 11.00:06:37
Registering and Logging in Users with Firebase Auth
Урок 12.00:02:25
Handling Serverside Errors
Урок 13.00:04:31
Tracking User Sessions with useAuth Hook
Урок 14.00:05:48
Providing User Data and Firebase Instance with React Context
Урок 15.00:02:17
Adding Logout Functionality
Урок 16.00:08:00
Password Reset Functionality
Урок 17.00:07:44
Building Create Link Form with Validation
Урок 18.00:06:09
Adding Firestore and Creating Links
Урок 19.00:04:46
Fetching Links with .get(), .onSnapshot()
Урок 20.00:07:27
Displaying Links, Formatting Urls and Dates
Урок 21.00:05:38
Upvoting Links, Updating Docs in Firestore
Урок 22.00:03:26
Deleting Links, Firestore Docs
Урок 23.00:05:03
Ordering, Sorting Documents in Firestore
Урок 24.00:07:07
Adding Full-Text Search
Урок 25.00:10:24
Displaying Link Details, Adding Comments
Урок 26.00:04:49
Dynamically Ordering Links, Preparing for Pagination
Udemy — одна из самых масштабных платформ в мире, предлагающая обучающий контент от авторов и экспертов со всего света. Сервис объединяет миллионы учеников и десятки тысяч преподавателей, создающих курсы на самые разнообразные темы.Основные возможности платформыШирокий выбор тем: от программирования и дизайна до маркетинга, психологии и личной эффективности.Глобальное сообщество авторов: материалы создаются специалистами из разных стран.Удобный ф