udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Крутые приложения с React Hooks и Firebase
Awesome Apps with React Hooks and Firebase
★4.7 (всего оценок - 24)
Продолжительность
2 ч 40 мин
Категория
React.jsКоличество уроков
29 Видео
Дата добавления
14 июн. 2019 г., 20:12
Язык
Английский
Дата выхода
15 мая 2019 г., 00:00
Дата обновления
29 апр. 2026 г., 03:34
Освойте практический подход к созданию современных веб‑приложений с помощью 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:59Tools Required
- Урок 2.00:01:26How to Get the Most out of This Course
- Урок 3.00:01:13Getting our Starting Code
- Урок 4.00:01:09Overview of Project Code
- Урок 5.00:04:12Adding Routing with React Router 5
- Урок 6.00:04:25Building Header / Navigation
- Урок 7.00:06:09Creating and Toggling Login / Register Forms
- Урок 8.00:09:22Developing a Reusable Form Hook
- Урок 9.00:09:57Adding Validation to useFormValidation
- Урок 10.00:03:32Create Firebase Project, Setup Auth Resource
- Урок 11.00:06:37Registering and Logging in Users with Firebase Auth
- Урок 12.00:02:25Handling Serverside Errors
- Урок 13.00:04:31Tracking User Sessions with useAuth Hook
- Урок 14.00:05:48Providing User Data and Firebase Instance with React Context
- Урок 15.00:02:17Adding Logout Functionality
- Урок 16.00:08:00Password Reset Functionality
- Урок 17.00:07:44Building Create Link Form with Validation
- Урок 18.00:06:09Adding Firestore and Creating Links
- Урок 19.00:04:46Fetching Links with .get(), .onSnapshot()
- Урок 20.00:07:27Displaying Links, Formatting Urls and Dates
- Урок 21.00:05:38Upvoting Links, Updating Docs in Firestore
- Урок 22.00:03:26Deleting Links, Firestore Docs
- Урок 23.00:05:03Ordering, Sorting Documents in Firestore
- Урок 24.00:07:07Adding Full-Text Search
- Урок 25.00:10:24Displaying Link Details, Adding Comments
- Урок 26.00:04:49Dynamically Ordering Links, Preparing for Pagination
- Урок 27.00:09:18Cursor-based Pagination with startAfter and limit
- Урок 28.00:11:24Firebase Function for Offset Query
- Урок 29.00:04:45Deployment with Firebase Hosting
Автор - udemy
Комментарии