Full-Stack GraphQL with Absinthe, Phoenix, and React
4h 28m 38s
English
Paid
Course description
GraphQL is revolutionizing the way developers build APIs. Gone are the days when the server decided the shape of the response data. GraphQL puts the client in control so it can fetch exactly the data it needs and nothing more.
Read more about the course
So what does it take to put together a full-stack GraphQL app using:
Phoenix as the backend server,
Absinthe for the GraphQL API, and
React with Apollo on the frontend?
Watch Online
0:00
/ #1: Intro and Setup
All Course Lessons (38)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Intro and Setup Demo | 01:06 | |
| 2 | App and Design Overview. Part 1 | 01:39 | |
| 3 | App and Design Overview. Part 2 | 02:25 | |
| 4 | The Data Model. Part 1 | 08:16 | |
| 5 | The Data Model. Part 2 | 06:28 | |
| 6 | The Data Model. Part 3 | 02:19 | |
| 7 | Vacation Context. Part 1 | 09:54 | |
| 8 | Vacation Context. Part 2 | 02:49 | |
| 9 | Accounts Context | 02:03 | |
| 10 | Absinthe Schema Definition | 06:31 | |
| 11 | Resolving the Place Query | 10:51 | |
| 12 | Querying All Places | 08:06 | |
| 13 | Resolver Modules | 03:02 | |
| 14 | Querying Relationships | 08:24 | |
| 15 | Intro to Dataloader | 08:00 | |
| 16 | Optimizing Queries with Dataloader | 09:47 | |
| 17 | Dataloader Filtering and Ordering | 09:29 | |
| 18 | Absinthe Mutations | 12:15 | |
| 19 | API Authentication | 09:59 | |
| 20 | Authenticating API Requests | 09:51 | |
| 21 | Current User Query | 03:11 | |
| 22 | Absinthe Subscriptions | 09:27 | |
| 23 | React App Overview | 08:00 | |
| 24 | Apollo Client | 04:56 | |
| 25 | Query Component | 10:57 | |
| 26 | Client-Side Query Caching | 04:17 | |
| 27 | Searching For Places | 09:50 | |
| 28 | Sign Up | 10:13 | |
| 29 | Current User | 08:38 | |
| 30 | Sign In | 04:33 | |
| 31 | Sign Out | 03:16 | |
| 32 | My Bookings | 08:00 | |
| 33 | Place Page | 06:49 | |
| 34 | Posting a Review | 09:40 | |
| 35 | Booking a Reservation | 07:08 | |
| 36 | Subscribing to Booking Changes | 10:42 | |
| 37 | Refetching Queries | 03:13 | |
| 38 | Pagination | 12:34 |
Unlock unlimited learning
Get instant access to all 37 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
Build an e-store using Next.js, Figma, GraphQL, PayPal
Sources: udemy
If you are a beginner web developer with React then this course is great match for you. This is a project based course which covers all the steps to build a ful
14 hours 53 minutes 49 seconds
Full Stack Advanced React + GraphQL
Sources: wesbos
Just as React has transformed the way we build web applications, GraphQL is changing how we build APIs to query and mutate data. With a focus on modern JavaScript and real world...
15 hours 43 minutes 10 seconds
NestJS GraphQL - Code-first approach
Sources: learn.nestjs.com
Get up to speed with the GraphQL Code-first approach with NestJS. Master GraphQL fundamentals and essentials concepts behind creating your own enterprise-grade GraphQL applicati...
1 hour 55 minutes 15 seconds
AWS AppSync & Amplify with React & GraphQL - Complete Guide
Sources: udemy
Deploy a Serverless GraphQL & React JS based Javascript application in the AWS Cloud using AWS AppSync and AWS Amplify. AWS AppSync & AWS Amplify is the BEST wa
11 hours 11 minutes 36 seconds