GraphQL with React: The Complete Developers Guide
4.7 (1,262 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
8,147 students enrolled
Wishlisted Wishlist

Please confirm that you want to add GraphQL with React: The Complete Developers Guide to your Wishlist.

Add to Wishlist

GraphQL with React: The Complete Developers Guide

Learn and master GraphQL by building real web apps with React and Node
Best Seller
4.7 (1,262 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
8,147 students enrolled
Created by Stephen Grider
Last updated 6/2017
English
English [Auto-generated]
Current price: $10 Original price: $150 Discount: 93% off
30-Day Money-Back Guarantee
Includes:
  • 13 hours on-demand video
  • 2 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Build amazing single page applications with React JS and GraphQL
  • Master fundamental concepts behind structuring GraphQL servers
  • Realize the power of building flexible data schemas
  • Be the engineer who explains how GraphQL works to everyone else, because you know the fundamentals so well
  • Become fluent in the ecosystem supporting GraphQL, including the differences between Apollo and Relay
View Curriculum
Requirements
  • Familiarity with React
Description

Note: This course assumes you are familiar with React!

If you're tired of spinning your wheels trying to figure out what type of backend server to use, this is the course for you.

Authentication? You will learn it.  Apollo Data? Included.  Integration with React? Of course!

This course will get you up and running with GraphQL quickly, and teach you the core knowledge you need to deeply understand and build React applications quickly.

Both OSX and Windows supported.

We'll start by mastering the fundamentals of GraphQL, including data types, schemas, and integration with Express and React. Source code is provided for each lecture, so you will always stay up-to-date with the course pacing.  Special attention has been paid to creating code that you'll be able to make use of on your own fantastic projects.

If you are new to GraphQL, or if you've been working to learn it but sometimes feel like you still don't quite 'get it', this is the GraphQL course for you! To learn GraphQL you have to understand it.

  • Learn how to use GraphQL's schema to define relations between your data objects
  • Learn the process of combining a backend server with a front end React
  • Master the process of thinking about your applications data in terms of a graph structure
  • Grasp the difference between GraphQL, Apollo, and Relay, and when to use each
  • Develop apps that are unique, fun, and responsive.
  • Build servers that can be used with both React and React Native applications
  • Master handling authentication with GraphQL
  • Learn the core principles of navigation with React Router and GraphQL

I've built the course that I would have wanted to take when I was learning GraphQL. A course that explains the concepts and how they're implemented in the best order for you to learn and deeply understand them.

Who is the target audience?
  • Programmers looking to learn GraphQL
Curriculum For This Course
114 Lectures
13:14:19
+
Why GraphQL?
2 Lectures 02:40

Links to Completed Code
00:05
+
A REST-ful Routing Primer
2 Lectures 15:45
Review of REST-ful Routing
05:29

Shortcomings of RESTful Routing
10:16
+
On To GraphQL
12 Lectures 01:18:47

Working with GraphQL
06:02

Registering GraphQL with Express
06:38

GraphQL Schemas
04:09

Writing a GraphQL Schema
06:52

Root Queries
06:31


The GraphiQL Tool
08:54

A Realistic Data Source
08:53


Nodemon Hookup
02:10

Company Definitions
05:10
+
Fetching Data with Queries
12 Lectures 01:19:59
Nested Queries
03:48

More on Nested Queries
08:01

A Quick Breather
04:32


Bidirectional Relations
03:12

More on Bidirectional Relations
04:14

Resolving Circular References
05:51

Query Fragments
07:03

Introduction to Mutations
07:24

NonNull Fields and Mutations
08:41

Do It Yourself - Delete Mutation!
09:09

Do It Yourself - Edit Mutation!
13:23
+
The GraphQL Ecosystem
2 Lectures 18:50
GraphQL Clients - Apollo vs Relay
13:05

Sidenote - Apollo Server vs GraphQL Server
05:45
+
Clientside GraphQL
8 Lectures 01:02:58
The Next App
03:40

Starter Pack Walkthrough
06:30

MongoLab Setup
09:05

Working Through the Schema
09:45

Apollo Client Setup
10:15

React Component Design
07:36

GQL Queries in React
07:48

Bonding Queries with Components
08:19
+
Gotchas with Queries in React
5 Lectures 33:23
Handling Pending Queries
07:57

Fixing Key Warnings
04:11

Architecture Review
04:04

Adding React Router
07:24

Creating a Song
09:47
+
Frontend Mutations
9 Lectures 01:16:26
Mutations in React
07:55

Query Params
11:29

Defining Query Variables in React
08:25

Navigating on Successful Mutation
09:46

Troubleshooting List Fetching
08:31

Refetching Queries
09:45

Deletion by Mutation
06:53

Associating Mutations with a Component
04:35

Invoking Delete Mutations
09:07
+
Automatic Data Caching
4 Lectures 24:27
Refetching a Query
05:44

A Quick CSS Breather
03:06

Showing a Particular Song
06:00

Fetching Individual Records
09:37
+
React Router + GraphQL
11 Lectures 01:20:41
Integrating React Router with GraphQL
15:34

Watching for Data
04:32

Navigating Between Screens
03:59

Lyric Creation Form
03:10

The CreateLyric Mutation
10:59

Submitting Mutations
08:38

Showing a List of Lyrics
03:26

Enhancing Queries
07:35

Identifying Records
09:47

Caching with DataIdFromObject
09:04

Thumbs Up Icon
03:57
4 More Sections
About the Instructor
Stephen Grider
4.7 Average rating
43,021 Reviews
98,945 Students
13 Courses
Engineering Architect

Stephen Grider has been building complex Javascript front ends for top corporations in the San Francisco Bay Area. With an innate ability to simplify complex topics, Stephen has been mentoring engineers beginning their careers in software development for years, and has now expanded that experience onto Udemy, authoring the highest rated React course. He teaches on Udemy to share the knowledge he has gained with other software engineers. Invest in yourself by learning from Stephen's published courses.