Продолжительность
4 ч 32 мин 39 сек
Количество уроков
37 Видео
Дата добавления
03.03.2019
Дата обновления
09.01.2020
Освойте новейшие и лучшие функции React в контексте полнофункционального реального приложения. Хотите создать реальное полнофункциональное приложение с React Hooks? Можете не искать другой курс, все тут.
ЧТО МЫ БУДЕМ СТРОИТЬ?
Полнофункциональное приложение React в реальном времени с нуля с сервером GraphQL (Apollo Server 2), облачной базой данных MongoDB (Mongo Atlas) с React Hooks для управления нашим состоянием (заменой Redux!), с социальной аутентификацией (Google OAuth2 ), данные в реальном времени с подписками GraphQL, загрузка изображений с помощью Cloudinary и многое другое.
Наше приложение будет представлять собой приложение для геолокации в режиме реального времени, называемое GeoPins, где пользователи могут «прикреплять» различные местоположения на карте и обмениваться собственным контентом с другими пользователями в режиме реального времени - делиться фотографиями, обзорами местоположения и области, взаимодействовать с другими пользователями, добавляя комментарии к их булавкам,
Концепции которые мы покроем
- Как создать надежный сервер GraphQL с аутентификацией (с Apollo Server 2)
- Как глубоко использовать две клиентские библиотеки GraphQL - клиент Apollo и запрос GraphQL
- Замена Redux на useContext и useReducer Hooks для глобального управления состоянием
- Все основные понятия в GraphQL: запросы, мутации, подписки, TypeDefs, резольверы, входные данные и тд.
- Все основные хуки (useState, useEffect, useContext, useReducer)
- Создание пользовательских хуков для «подключения» к дополнительным функциям ваших приложений
- Интеграция входа в социальную сеть (Google OAuth) с сервером Apollo 2
- Отображение изменений приложения в реальном времени с подписками GraphQL
- Динамическая загрузка изображений с использованием Cloudinary API
- MongoDB в облаке с MongoDB Atlas
- Использование Mongoose для создания моделей, CRUD и поисковых операций
- Создание привлекательных приложений с помощью библиотеки компонентов Material UI и значков Material UI
- Material UI 'useMediaQuery' Hook для простого мобильного / адаптивного дизайна
- Разрабатывайте потрясающие картографические приложения с помощью Mapbox API и ReactMapGL
- Используйте API-интерфейс браузера для определения текущего местоположения пользователей
- Создание Route Guards / Protected Routes с React Router v4
- Основные понятия аутентификации / авторизации в GraphQL / Apollo
- Обработка ошибок на нашем сервере и в нашем клиенте React
- Async / await функции наряду с тоннами концепций ES6 / ES7
- И много другого...