Skip to main content

Full-Stack GraphQL with Absinthe, Phoenix, and React

4h 28m 38s
English
Paid

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.


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?

About the Author: pragmaticstudio

pragmaticstudio thumbnail
We love to use our ideas and creativity to inspire and empower developers to build things that improve the lives of others. We create all the video courses from scratch ourselves, and keep all the biz stuff hummin' along. Here are a few things you might like to know about us and our approach to training: We're a two-person company, privately-owned and operated. We named our company The Pragmatic Studio because we believe the best software developers have a lot in common with artists and a studio is a workroom where artists practice and improve their craft. We got started in 2005 by offering the first-ever public Ruby on Rails course. Alumni of that course are highly-regarded "Golden Spike Members". Between 2005 and 2013, we held over 100 public classes in 14 cities on 11 various topics with 15 different sets of instructors. Alongside our instructors, we've also had the privilege of teaching hundreds of private classes offered on-site at companies around the world. Over 2,500 developers have attended at least one of our in-person courses, and tens of thousands more have taken our online courses. We've convinced that real learning happens when you build real applications in a real development environment. That's why our courses are project-driven and you complete the exercises on your own computer. We believe that learning a new skill or language or tool is good, but being able to apply that new skill to a real-world need is far more gratifying.

Watch Online 38 lessons

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