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
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 subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
The Complete Elixir and Phoenix Bootcamp
Sources: udemy, Stephen Grider
Elixir and Phoenix are two of the hottest technologies of 2017. Functional Programming? You will learn it. Phoenix with OAuth? Its here. Postgres for data sto
17 hours 22 minutes 4 seconds
Next.js and Apollo - Portfolio App (w/ React, GraphQL, Node)
Sources: udemy
GraphQL is a query language for your API, and a server-side runtime for executing queries by using a type system you define for your data. GraphQL isn't tied to
28 hours 38 minutes 19 seconds
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
TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL
Sources: fullstack.io
Learn advanced React, Node, TypeScript, and GraphQL by creating a ready-to-use application in this online course. Explore each of these technologies and find out how to create a...
30 hours 50 minutes 42 seconds