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

  • Full-Stack React with GraphQL and Apollo Boost

    Full-Stack React with GraphQL and Apollo Boost

    Sources: udemy
    This course is designed for anyone who wants to start building applications with React and GraphQL! In this course, we will build a recipe application from scratch with full aut...
    6 hours 54 minutes 31 seconds
  • Zero to Full Stack Hero

    Zero to Full Stack Hero

    Sources: papareact.com
    PAPA React presents.. Zero to Full Stack Hero. It's NOT just another COURSE. It's the world's BEST COMMUNITY. From learning the Basics of Web Development to Mastering React!
    101 hours 29 minutes 59 seconds
  • Bedrock: Jumpstart your next SaaS product

    Bedrock: Jumpstart your next SaaS product

    Sources: Max Stoiber (@mxstbr)
    The modern full-stack Next.js & GraphQL boilerplate with user authentication, subscription payments, teams, invitations, emails and everything else you need.
  • 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
  • The Complete Elixir and Phoenix Bootcamp

    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