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
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
Full-Stack Vue with GraphQL - The Ultimate Guide
Sources: udemy
This entire course within the context of a practical application that we will build literally from the first line of code to live deployment on the web. We'll be building an ima...
9 hours 52 minutes 3 seconds