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.
Full-Stack GraphQL with Absinthe, Phoenix, and React
4h 28m 38s
English
Paid
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: Pragmatic Studio
Pragmatic Studio is a US-based teaching company founded by Mike Clark and Nicole Clark — both long-running Ruby and Elixir educators. The studio publishes paid courses on the Ruby on Rails, Elixir, and Phoenix tracks at the level of comprehensive working-engineer reference material rather than introductory tutorials.
The CourseFlix listing carries six Pragmatic Studio courses spanning their full curriculum: Ruby Programming, Ruby on Rails 6, Ruby on Rails 7, Developing With Elixir/OTP, Full-Stack Phoenix, and Full-Stack GraphQL with Absinthe, Phoenix, and React. The teaching style is patient, project-oriented, and unusually rigorous about the foundational language and framework patterns.
Material is paid and aimed at developers building production proficiency with the Ruby and Elixir ecosystems. For broader content, see CourseFlix's Ruby on Rails, Elixir, and Phoenix category pages.
Watch Online 38 lessons
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 subscriptionRelated courses
-
NewElixir for Programmers, Second Edition
By: Coding Gnome (Bruce Tate)Delve into Elixir and master its idioms, architecture, and tools. Learn to apply your knowledge to real projects in industrial development.8h 21m -
Updated 3y agoFull Stack Advanced React + GraphQL
By: Wes BosJust 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 JavaScri15h 43m -
NewLearn Phoenix LiveView
By: George MilloUnlock the potential of Phoenix LiveView for creating interactive applications without JavaScript. Understand the architecture and key features through hands-on
Frequently asked questions
What prerequisites should I have before taking this course?
Before enrolling in this course, you should have a basic understanding of JavaScript and web development. Familiarity with React will be beneficial as one section of the course focuses on building a client-side application using React. Additionally, some knowledge of backend development concepts will help, as the course covers server-side topics using Phoenix and Absinthe.
What projects or applications will I build during the course?
Throughout the course, you will build a full-stack application that utilizes GraphQL APIs. You will work on a vacation booking platform where users can query places, post reviews, and manage bookings. The course guides you through setting up the application, defining data models, and implementing features such as authentication, querying relationships, and real-time updates through subscriptions.
Is this course suitable for beginners in GraphQL?
Yes, the course is suitable for beginners who have a foundational knowledge of web development but are new to GraphQL. It starts with an introduction to setting up the necessary tools and gradually progresses to more advanced topics like optimizing queries with Dataloader and implementing subscriptions. The course is designed to build your skills incrementally.
How does this course compare to other GraphQL courses in terms of scope?
This course offers a comprehensive look at building full-stack applications with GraphQL, covering both server-side and client-side components. Unlike some courses that focus only on GraphQL queries, this course includes schema definition, mutations, authentication, and real-time subscriptions. It also integrates the Apollo Client for React, providing a full-stack perspective.
What specific tools and platforms are used in this course?
The course uses Absinthe for building GraphQL APIs on the server side, Phoenix as the web framework, and React for the client-side application. Apollo Client is used to manage data fetching in React. These tools are chosen to provide a modern and efficient stack for building scalable applications.
What topics are not covered in this course?
The course does not cover the basics of JavaScript or general web development. It assumes familiarity with these concepts. Additionally, it does not delve into advanced React features like hooks or context API beyond what is needed for integrating Apollo Client.
What is the expected time commitment for completing this course?
The course consists of 38 lessons, each designed to be concise and focused on specific topics related to building a full-stack GraphQL application. While the total runtime is not specified, students should be prepared to dedicate several hours per week to watching lessons, completing exercises, and building the project to gain a solid understanding of the material.