Full-Stack GraphQL with Absinthe, Phoenix, and React
4h 28m 38s
English
Paid
November 20, 2023
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.
More
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 Full-Stack GraphQL with Absinthe, Phoenix, and React
Join premium to watch
Go to premium
# | Title | Duration |
---|---|---|
1 | Intro and Setup | 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 |
Similar courses to Full-Stack GraphQL with Absinthe, Phoenix, and React
![NestJS GraphQL - Code-first approach](https://cdn.courseflix.net/courses/100x56/nestjs-graphql-code-first-approach.jpg)
NestJS GraphQL - Code-first approach
Duration 1 hour 55 minutes 15 seconds
Course
![Next.js and Apollo - Portfolio App (w/ React, GraphQL, Node)](https://cdn.courseflix.net/courses/100x56/next-js-and-apollo-portfolio-app-w-react-graphql-node.jpg)
Next.js and Apollo - Portfolio App (w/ React, GraphQL, Node)
Duration 28 hours 38 minutes 19 seconds
Course
![TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL](https://cdn.courseflix.net/courses/100x56/tinyhouse-a-fullstack-react-masterclass-with-typescript-and-graphql.jpg)
TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL
Duration 30 hours 50 minutes 42 seconds
Course
![Full-Stack React with GraphQL and Apollo Boost](https://cdn.courseflix.net/courses/100x56/full-stack-react-with-graphql-and-apollo-boost.jpg)
Full-Stack React with GraphQL and Apollo Boost
Duration 6 hours 54 minutes 31 seconds
Course
![Getting Started: GraphQL in .NET](https://cdn.courseflix.net/courses/100x56/getting-started-graphql-in-net.jpg)
Getting Started: GraphQL in .NET
Duration 7 hours 38 minutes 35 seconds
Course
![Elixir & Phoenix for Beginners](https://cdn.courseflix.net/courses/100x56/elixir-phoenix-for-beginners.jpg)
Elixir & Phoenix for Beginners
Duration 17 hours 24 minutes 18 seconds
Course
![Full Stack Advanced React + GraphQL](https://cdn.courseflix.net/courses/100x56/full-stack-advanced-react-graphql.jpg)
Full Stack Advanced React + GraphQL
Duration 15 hours 43 minutes 10 seconds
Course