Узнайте все, что вам нужно, чтобы стать профессиональным разработчиком GraphQL. Предварительный опыт работы с GraphQL не требуется. В этом курсе GraphQL мы изучим основы и будем использовать React.js в интерфейсе для создания полнофункционального веб-приложения.
Предварительные требования:
По крайней мере, иметь базовое понимание JavaScript. Желательно иметь опыт работы с React.js, но это не обязательно. У нас есть дополнительный раздел в курсе, который поможет вам быстрее освоить React, если вы никогда раньше с ним не работали.
Содержание курса:
Настройка сервера GraphQL с использованием GraphQL Yoga (и последующий переход на «Apollo Server Express»);
Запросы GraphQL;
Мутации GraphQL;
Отношения один ко многим и многие ко многим;
Prisma & SQLite (системы управления реляционными базами данных);
Аутентификация и авторизация с помощью Passport.js (разрешение пользователю входить в систему, регистрироваться и выходить из системы;
Разрешение пользователю выполнять только определенные действия и ограничение доступа. Например, пользователь не может удалить сообщение другого пользователя);
Обработка ошибок таких вещей, как неправильные пароли, запрет на ввод пустого контента в базу данных и т. д;
Обработка платежей с помощью Stripe.js, позволяющая пользователю создавать ежемесячное членство для вашего сайта;
Краткий обзор асинхронного кода. (Запросы и мутации GraphQL обычно используют async / await, поэтому нам нужно убедиться, что мы их понимаем);
Кеширование на стороне клиента. Повысьте производительность своего приложения, сохраняя информацию в браузере с помощью ApolloClient. Это снижает необходимость делать запросы к серверу для каждого запроса GraphQL;
GraphQL + React и использование Context API. Это полезно для таких вещей, как аутентификация. Сохраните результаты вашего запроса GraphQL и разрешите всему приложению доступ к общему состоянию аутентификации;
Пагинация и фильтрация.
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
Ограничение времени просмотра
Вы можете просматривать пробный урок только 10 минут. Получите полный доступ, чтобы смотреть без ограничений.
Optional Challenge: Prisma One to Many relationships
Урок 47.
00:12:32
Solution: Prisma one to many relationships
Урок 48.
00:04:14
Find Single User & Cleanup
Урок 49.
00:03:36
Cascading Delete temporary hack
Урок 50.
00:16:11
Many to Many part 1
Урок 51.
00:11:48
Many to Many Part 2
Урок 52.
00:08:44
Promises
Урок 53.
00:06:14
Async Await
Урок 54.
00:08:21
Signing up a User
Урок 55.
00:11:36
graphql-yoga to apollo-server-express
Урок 56.
00:15:11
Login authentication with Passport
Урок 57.
00:10:32
User and password validation
Урок 58.
00:10:17
Serialize User and Session setup
Урок 59.
00:06:36
Deserialize user and me query
Урок 60.
00:00:41
Logout User Challenge
Урок 61.
00:04:26
Logout User Solution
Урок 62.
00:03:52
Login After Signup Solution
Урок 63.
00:05:23
Refactor Resolvers
Урок 64.
00:01:59
hello world
Урок 65.
00:07:19
Props & components
Урок 66.
00:02:47
Project Intro: Learning React Basics
Урок 67.
00:06:18
Intro to Functional State
Урок 68.
00:00:23
Challenge: Decrease Count
Урок 69.
00:01:22
Solution: Decrease Count
Урок 70.
00:09:28
Controlled Forms Intro
Урок 71.
00:00:36
Challenge: Count User Input
Урок 72.
00:09:24
Solution: Count User Input
Урок 73.
00:02:51
inline styles intro
Урок 74.
00:05:52
Conditional Rendering and Components
Урок 75.
00:00:33
Project Repo: Functional todo List
Урок 76.
00:00:29
Challenge: Display Todos
Урок 77.
00:10:32
Solution: Display Todos
Урок 78.
00:00:20
Challenge: Add new Todo
Урок 79.
00:07:00
Solution: Add new Todo
Урок 80.
00:00:44
Challenge: Checked and Unchecked
Урок 81.
00:05:49
Solution: Checked and Unchecked
Урок 82.
00:00:32
Challenge: Update todos
Урок 83.
00:09:29
Solution: Update Todos
Урок 84.
00:00:23
Challenge: Delete Todos
Урок 85.
00:05:40
Solution: Delete Todos
Урок 86.
00:07:41
Setup React
Урок 87.
00:09:21
setup React header
Урок 88.
00:18:33
React Routing
Урок 89.
00:10:19
UI and Routing
Урок 90.
00:10:50
First GraphQL Query in React
Урок 91.
00:09:32
Display Todos
Урок 92.
00:09:51
Update Todos in React
Урок 93.
00:19:27
Add New Todos in React UI
Урок 94.
00:07:43
Extract mutation to hooks
Урок 95.
00:07:45
Extract queries and mutations Challenge and solution
Урок 96.
00:00:10
Challenge: Delete todos in UI
Урок 97.
00:11:55
Solution: Delete todos in UI
Урок 98.
00:08:24
Review so far: Delete Mutations
Урок 99.
00:00:36
challenge: update todo text
Урок 100.
00:18:03
Solution: Update todo text
Урок 101.
00:15:28
Create the Login Page
Урок 102.
00:14:06
Login Mutation in React
Урок 103.
00:07:03
Cors and Cookies for login
Урок 104.
00:17:06
get current user react
Урок 105.
00:14:59
Log Out and Logged in State
Урок 106.
00:11:53
Login Error Handling
Урок 107.
00:10:45
users todos and require login
Урок 108.
00:07:20
Todo must not be blank
Урок 109.
00:04:33
(Lockdown server) Require Login to Create Todos
Урок 110.
00:09:51
Filter results in server and refactor component
Урок 111.
00:16:10
Filter results in front end
Урок 112.
00:13:27
fetchPolicy and Cache
Урок 113.
00:09:35
Filter by completed status (server)
Урок 114.
00:07:23
Dashboard toggle status
Урок 115.
00:09:59
Filter by completed status finished
Урок 116.
00:10:49
refetchQueries
Урок 117.
00:09:38
Get number of results from server
Урок 118.
00:09:54
Offset Pagination Part 1
Урок 119.
00:10:23
Offset Pagination Part 2
Урок 120.
00:02:21
Weird bug when dev tools is open
Урок 121.
00:11:10
Authentication Context Part One
Урок 122.
00:12:09
Authentication Context Part Two
Урок 123.
00:11:11
Simple Signup in React and GraphQL part one
Урок 124.
00:12:21
Simple Signup Part two
Урок 125.
00:15:21
Stripe CardElement and text fields
Урок 126.
00:09:25
Creating a Stripe Customer
Урок 127.
00:16:46
Creating a payment Method
Урок 128.
00:07:14
Creating a Subscription and product
Урок 129.
00:09:46
Checkout Error Handling
Автор - udemy
udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Сообщения в реальном времени с React, GraphQL (urql и OneGraph)
React Real-Time Messaging with GraphQL using urql and OneGraph
Одна из самых известных функций GraphQL заключается в том, что он позволяет вам делать такие вещи, как замена нескольких вызовов REST одним запросом. Возможно, вы экспериментировали с запросами с демонстрационными API или работали над сайтом Gatsby. Но GraphQL - это не только создание запросов.
Итак, вы хотите, наконец, изучить GraphQL и использовать его в своих приложениях React? Мы начнем с самого начала: «Я даже не знаю, что такое GraphQL… и зачем его использовать?», Чтобы понять, как работает GraphQL и как заставить его работать с вашим сервером и клиентом. Вы изучите всю логику и попрактикуетесь в GraphQL в разных модулях.
Продвинутый и ёмкий. Во время курса вы изучите все темы, начиная от глубокого сравнения технологий GraphQL и Rest, разберётесь с синтаксисом GraphQL, узнаете почему это технология будущего. Мы научим вас применять GraphQL вместе с React, используя библиотеку Apollo. А также вы узнаете особенности применения GraphQL в Backend, используя технологию Node.js вместе с Express.js и Apollo.
Используете GraphQL? Как frontend-инженеру вам повезло - вы можете писать меньше кода, создавая надежные продукты Но вы уверены, что используете возможности GraphQL на 100%?