Главная страницаКатегория react.jsReact с Firebase

React с Firebase

Name: React с Firebase
Rating: 4.7 (43 reviews)

Realtime React with Firebase

reacttraining (Ryan Florence)

★4.7 (всего оценок - 43)

Продолжительность

5 ч 25 мин

Категория

React.js

Количество уроков

83 Видео

Дата добавления

18 мар. 2019 г., 15:29

Язык

Английский

Дата обновления

29 апр. 2026 г., 02:49

React и Firebase — одно из самых мощных сочетаний для быстрого создания современных веб‑приложений. В этом курсе вы шаг за шагом научитесь строить полноценный чат в реальном времени, разберетесь с авторизацией, хранением данных и моментальными обновлениями интерфейса — без лишней сложности.

О чем этот курс

Курс создан для разработчиков, которые хотят освоить работу с React в связке с Firebase и научиться создавать динамичные приложения, реагирующие на действия пользователей мгновенно. Мы разберем полный цикл разработки чата: от архитектуры до финальной версии с реальными пользователями.

Что вы будете делать

Создавать чат с обновлением сообщений в реальном времени.
Реализовывать авторизацию через популярные провайдеры.
Добавлять онлайн/оффлайн статус пользователей.
Создавать простого чат‑бота для взаимодействия, когда в чате никого нет.

Почему React + Firebase — отличный выбор

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

Преимущества Firebase

Мгновенная синхронизация данных через Firestore.
Встроенная безопасная авторизация.
Масштабируемая инфраструктура без сложной настройки.
Гибкие правила безопасности для защиты данных пользователей.

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

К завершению курса вы сможете самостоятельно создавать проекты любой сложности на React, подключая Firebase для управления пользователями, хранения данных и обработки событий в реальном времени.

Основные навыки

Работа с Firestore и структурой данных.
Создание и управление состоянием в React.
Интеграция Firebase Authentication.
Обновление интерфейса в режиме реального времени.
Работа с серверными правилами безопасности Firebase.

Для кого этот курс

Курс подойдет начинающим и продолжающим фронтенд‑разработчикам, которые хотят укрепить навыки работы с React и освоить полноценный стек для создания современных, быстрых и надежных веб‑приложений.

Итог

Пройдя курс, вы не просто создадите приложение чата — вы освоите полноценный набор инструментов для разработки реальных проектов, которые работают быстро, масштабируются и готовы к продакшену. React и Firebase помогут вам выйти на новый уровень разработки.

Урок 1.00:00:36
Getting Started
Урок 2.00:02:18
Create React App
Урок 3.00:01:00
Downloading Assets
Урок 4.00:03:22
Building for Production
Урок 5.00:02:05
Firebase Sign Up
Урок 6.00:06:07
Initializing Firebase
Урок 7.00:04:08
Your First Deployment
Урок 8.00:03:06
Rolling Back and Restoring Deployments
Урок 9.00:03:05
Cloud Firestore Data Model
Урок 10.00:03:34
Adding Data Manually
Урок 11.00:03:05
Adding Firebase to Your App
Урок 12.00:02:19
Adding Component State
Урок 13.00:03:04
Subscribing to Data
Урок 14.00:02:11
Extracting Documents
Урок 15.00:00:56
Updating State
Урок 16.00:01:05
Unsubscribing from Data
Урок 17.00:01:20
Getting Realtime Updates
Урок 18.00:04:27
Review
Урок 19.00:02:25
Cleaning Up
Урок 20.00:02:35
Where to Split Big Components
Урок 21.00:01:13
File Structure Review
Урок 22.00:01:54
Firebase Import and Keys
Урок 23.00:04:06
Getting Input Values
Урок 24.00:05:06
Saving Messages
Урок 25.00:01:50
Posting to Different Channels
Урок 26.00:00:55
Clearing the Input
Урок 27.00:07:58
Subscribing to Messages
Урок 28.00:02:04
Order Messages with Collection Queries
Урок 29.00:05:31
Abstracting Subscriptions with a Custom Hook
Урок 30.00:04:02
Reusing useCollection
Урок 31.00:01:12
Enabling Authentication
Урок 32.00:04:34
Logging In
Урок 33.00:02:15
Persisting Login
Урок 34.00:01:53
A Little More About useEffect
Урок 35.00:03:07
Adding the User and Passing Props
Урок 36.00:01:09
Logging Out
Урок 37.00:01:59
Cleaning Up
Урок 38.00:02:44
Auth Error Handling
Урок 39.00:03:17
Store Users in the Database
Урок 40.00:05:33
Referencing Users in Messages
Урок 41.00:07:04
Refactor Messages
Урок 42.00:05:23
Display Author on Messages
Урок 43.00:02:25
JSX and Non-Breaking Spaces
Урок 44.00:04:35
Add Routes
Урок 45.00:05:19
Using Route Params
Урок 46.00:01:56
Adding Link
Урок 47.00:14:41
Getting Effects to Update
Урок 48.00:05:46
Don't Subscribe to Authors
Урок 49.00:05:45
Avoid Flickers with a Simple Cache
Урок 50.00:02:41
useDocWithCache
Урок 51.00:03:56
Display Message Timestamps
Урок 52.00:02:29
Format Dates with date-fns
Урок 53.00:05:46
Showing the Avatar Only Once
Урок 54.00:05:25
Show Day Horizontal Rules
Урок 55.00:06:44
Refactor Topics to useDoc
Урок 56.00:03:54
useRef
Урок 57.00:02:37
Managing Scroll Position
Урок 58.00:03:33
Deploy Again!
Урок 59.00:03:56
Hooks vs. Component
Урок 60.00:02:22
Forwarding Props with JSX Spread
Урок 61.00:05:14
Better Scroll Handling
Урок 62.00:05:48
Add Channel Data to Users
Урок 63.00:01:57
Updating Deep Document Values
Урок 64.00:01:58
Subscribing to Channel Members
Урок 65.00:03:00
Collection Queries
Урок 66.00:06:09
A Little Bit About Indexes
Урок 67.00:00:50
Display Channel Members
Урок 68.00:02:54
Indexes and Reinitializing Firebase
Урок 69.00:03:01
Ditching Our Index (lol)
Урок 70.00:05:18
Watching Connection Status
Урок 71.00:06:09
Saving Presence to RTDB
Урок 72.00:02:20
Verifying RTDB Writes
Урок 73.00:05:36
Saving Presence to Firestore Clientside
Урок 74.00:01:43
Adding Presence to the UI
Урок 75.00:04:07
Planning the RTDB and Firestore Sync
Урок 76.00:01:38
Your First Cloud Functions
Урок 77.00:07:44
Running and Deploying Functions
Урок 78.00:00:51
Triggers
Урок 79.00:12:41
Sync Status from RTDB to Firestore Serverside
Урок 80.00:03:38
Organize Cloud Functions
Урок 81.00:16:22
Getting Started with a Chat Bot
Урок 82.00:10:41
Adding the Cleverbot API Config Vars
Урок 83.00:04:47
The End!

Автор - reacttraining (Ryan Florence)

reacttraining (Ryan Florence)

Ryan Florence создает курсы в Интернете с 90-х Ему больше всего нравятся великолепные составные API и доступный пользовательский интерфейс. Он был соавтором React Router и одним из основателей React Training с Майклом Джексоном.

+12

Комментарии