React с Firebase - Видеоуроки

Realtime React with Firebase
Duration 05:25:53
Открыть все курсы от reacttraining (Ryan Florence)

Realtime React with Firebase - Полный список уроков

Развернуть / Свернуть
  • Урок 1. Getting Started 00:00:36
  • Урок 2. Create React App 00:02:18
  • Урок 3. Downloading Assets 00:01:00
  • Урок 4. Building for Production 00:03:22
  • Урок 5. Firebase Sign Up 00:02:05
  • Урок 6. Initializing Firebase 00:06:07
  • Урок 7. Your First Deployment 00:04:08
  • Урок 8. Rolling Back and Restoring Deployments 00:03:06
  • Урок 9. Cloud Firestore Data Model 00:03:05
  • Урок 10. Adding Data Manually 00:03:34
  • Урок 11. Adding Firebase to Your App 00:03:05
  • Урок 12. Adding Component State 00:02:19
  • Урок 13. Subscribing to Data 00:03:04
  • Урок 14. Extracting Documents 00:02:11
  • Урок 15. Updating State 00:00:56
  • Урок 16. Unsubscribing from Data 00:01:05
  • Урок 17. Getting Realtime Updates 00:01:20
  • Урок 18. Review 00:04:27
  • Урок 19. Cleaning Up 00:02:25
  • Урок 20. Where to Split Big Components 00:02:35
  • Урок 21. File Structure Review 00:01:13
  • Урок 22. Firebase Import and Keys 00:01:54
  • Урок 23. Getting Input Values 00:04:06
  • Урок 24. Saving Messages 00:05:06
  • Урок 25. Posting to Different Channels 00:01:50
  • Урок 26. Clearing the Input 00:00:55
  • Урок 27. Subscribing to Messages 00:07:58
  • Урок 28. Order Messages with Collection Queries 00:02:04
  • Урок 29. Abstracting Subscriptions with a Custom Hook 00:05:31
  • Урок 30. Reusing useCollection 00:04:02
  • Урок 31. Enabling Authentication 00:01:12
  • Урок 32. Logging In 00:04:34
  • Урок 33. Persisting Login 00:02:15
  • Урок 34. A Little More About useEffect 00:01:53
  • Урок 35. Adding the User and Passing Props 00:03:07
  • Урок 36. Logging Out 00:01:09
  • Урок 37. Cleaning Up 00:01:59
  • Урок 38. Auth Error Handling 00:02:44
  • Урок 39. Store Users in the Database 00:03:17
  • Урок 40. Referencing Users in Messages 00:05:33
  • Урок 41. Refactor Messages 00:07:04
  • Урок 42. Display Author on Messages 00:05:23
  • Урок 43. JSX and Non-Breaking Spaces 00:02:25
  • Урок 44. Add Routes 00:04:35
  • Урок 45. Using Route Params 00:05:19
  • Урок 46. Adding Link 00:01:56
  • Урок 47. Getting Effects to Update 00:14:41
  • Урок 48. Don't Subscribe to Authors 00:05:46
  • Урок 49. Avoid Flickers with a Simple Cache 00:05:45
  • Урок 50. useDocWithCache 00:02:41
  • Урок 51. Display Message Timestamps 00:03:56
  • Урок 52. Format Dates with date-fns 00:02:29
  • Урок 53. Showing the Avatar Only Once 00:05:46
  • Урок 54. Show Day Horizontal Rules 00:05:25
  • Урок 55. Refactor Topics to useDoc 00:06:44
  • Урок 56. useRef 00:03:54
  • Урок 57. Managing Scroll Position 00:02:37
  • Урок 58. Deploy Again! 00:03:33
  • Урок 59. Hooks vs. Component 00:03:56
  • Урок 60. Forwarding Props with JSX Spread 00:02:22
  • Урок 61. Better Scroll Handling 00:05:14
  • Урок 62. Add Channel Data to Users 00:05:48
  • Урок 63. Updating Deep Document Values 00:01:57
  • Урок 64. Subscribing to Channel Members 00:01:58
  • Урок 65. Collection Queries 00:03:00
  • Урок 66. A Little Bit About Indexes 00:06:09
  • Урок 67. Display Channel Members 00:00:50
  • Урок 68. Indexes and Reinitializing Firebase 00:02:54
  • Урок 69. Ditching Our Index (lol) 00:03:01
  • Урок 70. Watching Connection Status 00:05:18
  • Урок 71. Saving Presence to RTDB 00:06:09
  • Урок 72. Verifying RTDB Writes 00:02:20
  • Урок 73. Saving Presence to Firestore Clientside 00:05:36
  • Урок 74. Adding Presence to the UI 00:01:43
  • Урок 75. Planning the RTDB and Firestore Sync 00:04:07
  • Урок 76. Your First Cloud Functions 00:01:38
  • Урок 77. Running and Deploying Functions 00:07:44
  • Урок 78. Triggers 00:00:51
  • Урок 79. Sync Status from RTDB to Firestore Serverside 00:12:41
  • Урок 80. Organize Cloud Functions 00:03:38
  • Урок 81. Getting Started with a Chat Bot 00:16:22
  • Урок 82. Adding the Cleverbot API Config Vars 00:10:41
  • Урок 83. The End! 00:04:47

Я преподаю React с 2015 года, а начал работать с ним еще раньше. Сегодня есть еще одна технология, о которой я хочу повогорить с вами - это Firebase. В этом курсе мы построим готовое приложение чата в реальном времени. Мы реализуем переписку в реальном времени между пользователями, авторизацию, динамичный статус пользователей (онлайн\оффлайн), а также простого бота, чтобы пользователю было весело проводить время пока в чате никого нет.

Твоя оценка

16 1
Следи за последними обновлениями и новостями в нашем coursehunter-club.net (Ex coursehunters.club), или вступай в наш канал telegram.

Комментарии

Похожие курсы

30-11--0001 en 35 уроков
frontendmasters Firebase + React
Firebase - это платформа, которая позволяет развертывать сложные веб и мобильные приложения без необходимости создавать собственную сложную серверную инфраструктуру. Firebase предоставляет базу данных, которая отправляет обновления клиентскому приложению в режиме реального времени, кэширует запросы когда нет соединения, предлагает разрешение конфликтов и позволяет вам определять пользовательские правила доступа. Кроме того, Firebase предлагает...
Duration 05:26:34
40 1
13-12-2018 en 64 урока
frontendmasters Firebase with React, v2
Иногда у вас есть отличная идея для приложения и вы хотите как можно быстрее представить его миру. Лучше потратить время на работу над тем, что делает приложение особенным, чем на настройку и защиту серверов. Firebase позволяет вам получить критически важные - и ужасно утомительные для реализации - такие компоненты, как аутентификация, хранилище файлов, облачные функции и базу данных в реальном времени, чтобы вы могли быстро перейти к облачной...
Duration 04:48:10
9 0
24-01-2019 en 103 урока
udemy React JS and Redux Bootcamp - Master React Web Development
Изучите React.js и Redux правильно. Погрузитесь в движок React, создайте 5 приложений и станьте веб-разработчиком React. Дайте мне пять минут вашего времени, и я объясню, почему этот курс - лучшее время, которое вы можете потратить, чтобы научиться писать приложения React и Redux.
Duration 13:01:17
2 0
20-03-2019 en 60 уроков
udemy Firebase Masterclass
Разработка full-stack с Angular, Firestore, Firebase Storage и Hosting, облачными функциями Firebase и AngularFire. Если вы ищете лучший бэкэнд для работы с Angular или, что еще лучше, если вы хотите сделать как можно меньше серверной разработки и сосредоточиться в основном на внешнем интерфейсе, то не ищите больше: Firebase - правильный выбор для вас.
Duration 07:06:55
2 0
20-03-2019 en 52 урока
udemy Build an Online Store with React and GraphQL in 90 Minutes
Создание полноценного приложения для электронной коммерции с нуля с использованием React, GraphQL, Stripe и Headless CMS Strapi. Заинтересованы в создании впечатляющих полнофункциональных приложений с React и GraphQL в рекордно короткие сроки? Это курс для вас!
Duration 03:42:16
2 1
10-04-2019 en 277 уроков
udemy The Modern React Bootcamp (w/ Hooks, React Router & More)
Следуйте той же программе, которую я преподаю своим студентам в SF. 10+ проектов, включая одно ОГРОМНОЕ приложение! Добро пожаловать на лучший онлайн ресурс для изучения React! Этот курс, опубликованный в апреле 2019 года, является совершенно новым и охватывает последние новости React. Этот курс следует точно такой же программе React, которой следуют мои ученики буткемпа в Сан-Франциско, где студенты продолжают работать в таких местах, как...
Duration 34:43:07
12 0

Последнее добавленное

Жесткие части: cерверы и Node.js

Жесткие части: cерверы и Node.js

en
На этом семинаре мы пойдем под капот Node двумя противоположными способами - поняв разработку серверов на основе интуитивно понятных принципов (HTTP, TCP / IP, Ports, Loopback, SSH) и поняв функции JavaScript, составляющие Node (событие цикл, потоки, буферы, асинхронность, прототипы).
Microsoft Azure Инфраструктура и Развертывание - Экзамен AZ-100

Microsoft Azure Инфраструктура и Развертывание - Экзамен AZ-100

en
Этот курс предназначен для того, чтобы помочь вам выучить и развить необходимые навыки для сдачи сертификационного экзамена Microsoft Azure AZ-100. Экзамен AZ-100 проверяет ваши знания в области создания, настройки и управления ресурсами в облаке Azure, включая, помимо прочего: управление...
Сертифицированный специалист по безопасности информационных систем (CISSP)

Сертифицированный специалист по безопасности информационных систем (CISSP)

en
Чтобы получить сертификат CISSP, кандидаты должны сдать экзамен, состоящий в основном из вопросов с несколькими вариантами ответов. Цель этого курса - подготовить вас к сертификационному экзамену, познакомив вас с понятиями и терминологией, которые вам необходимо знать для прохождения.
Сертифицированный архитектор решений AWS - Professional

Сертифицированный архитектор решений AWS - Professional

en
AWS является одной из самых быстрорастущих платформ облачных сервисов, предлагаемых сегодня. Он используется во всем мире миллионами пользователей! Возможность получить сертификацию уровня CSA Pro является одним из главных достижений для любого облачного инженера. Учитывая это, это также один...
Тестирование мобильных приложений

Тестирование мобильных приложений

ru
В современном мире бизнес всё чаще обращает внимание на мобильные технологии. И в этом нет ничего удивительного. Рынок мобильных устройств растёт в разы быстрее рынка домашних компьютеров, позволяя реализовывать новые возможности для развития и продвижения самых передовых бизнес идей.
Фреймворк NuxtJS. Руководство по FullStack-разработке

Фреймворк NuxtJS. Руководство по FullStack-разработке

ru
Полное руководство по Nuxt. Почему стоит посмотреть этот курс? Полный охват теоретических и практических знаний с полным циклом разработки: клиентская и серверная части. Nuxt.js позволяет создавать SEO-дружественные приложения, которые можно продвигать в поисковых системах. По урокам курса...
Moscow Python Conf ++ 2019

Moscow Python Conf ++ 2019

ru
Конференция Moscow Python Conf ++ посвящена всему, что делают Python разработчики: backend и web, сбор и обработка данных, AI/ML, тестирование, DevOps, базы данных, IoT, infosec. Кроме этого, мы обсуждаем сам язык, его развитие, организацию проектов, управление зависимостями и лучшие практики...
Разработка PHP-пакетов (PRO версия)

Разработка PHP-пакетов (PRO версия)

en
Премиум видео курс по разработке пакетов для PHP и Laravel. "Я вроде уже делал такое, давайте я гляну на старых проектах." Знакомы такие слова ? Когда мне давали задание на моей работе, я обычно отправлялся на поиски доступного пакета с открытым исходным кодом на packagist.org - и если не было...
chat
logo