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
Instagram Clone Coding 3.0
Sources: Nomad Coders
nstagram: backend + frontend + application + server. NodeJS, Prisma, GraphQL, Hooks, React Native. You implement almost all Instagram features, including taking
20 hours 48 minutes 39 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
Zero to Full Stack Hero
Sources: papareact.com
PAPA React presents.. Zero to Full Stack Hero. It's NOT just another COURSE. It's the world's BEST COMMUNITY. From learning the Basics of Web Development to Mastering React!
101 hours 29 minutes 59 seconds