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

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 38 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing

Watch Online Full-Stack GraphQL with Absinthe, Phoenix, and React

0:00
/
#1: Intro and Setup

All Course Lessons (38)

#Lesson TitleDurationAccess
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 subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Instagram Clone Coding 3.0

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
Full-Stack Vue with GraphQL - The Ultimate Guide

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
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