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

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

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Full Stack Advanced React + GraphQL

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
Build an e-store using Next.js, Figma, GraphQL, PayPal

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 Phoenix

Full-Stack Phoenix

Sources: pragmaticstudio
Do you want to create real applications on Phoenix? Those projects that truly inspire and captivate you. But to master Phoenix, Ecto, LiveView...
9 hours 3 minutes 26 seconds