Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Life Purpose Meditation Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ Unreal Engine Blueprints 2D Game Development Blender
30-Day Money-Back Guarantee

This course includes:

  • 13 hours on-demand video
  • 3 articles
  • Full lifetime access
  • Access on mobile and TV
Development Web Development GraphQL

GraphQL with React: The Complete Developers Guide

Learn and master GraphQL by building real web apps with React and Node
Bestseller
Rating: 4.5 out of 54.5 (7,440 ratings)
42,964 students
Created by Stephen Grider
Last updated 1/2021
English
English [Auto], French [Auto], 
30-Day Money-Back Guarantee

What you'll 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
Curated for the Udemy for Business collection

Course content

15 sections • 115 lectures • 13h 16m total length

  • Preview02:35
  • Links to Completed Code
    00:04

  • Review of REST-ful Routing
    05:29
  • Shortcomings of RESTful Routing
    10:16

  • What is GraphQL?
    Preview07:23
  • 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
  • Preview06:29
  • The GraphiQL Tool
    08:54
  • A Realistic Data Source
    08:53
  • Async Resolve Functions
    Preview09:36
  • Nodemon Hookup
    02:10
  • Company Definitions
    05:10

  • Nested Queries
    03:48
  • More on Nested Queries
    08:01
  • A Quick Breather
    04:32
  • Preview04:41
  • 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

  • GraphQL Clients - Apollo vs Relay
    13:05
  • Sidenote - Apollo Server vs GraphQL Server
    05:45

  • The Next App
    03:40
  • Starter Pack Walkthrough
    06:30
  • MongoDB Atlas Setup and Configuration
    02:18
  • 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

  • Handling Pending Queries
    07:57
  • Fixing Key Warnings
    04:11
  • Architecture Review
    04:04
  • Adding React Router
    07:24
  • Creating a Song
    09:47

  • 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

  • Refetching a Query
    05:44
  • A Quick CSS Breather
    03:06
  • Showing a Particular Song
    06:00
  • Fetching Individual Records
    09:37

  • 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

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 this course is for:

  • Programmers looking to learn GraphQL

Featured review

E G
E G
24 courses
6 reviews
Rating: 4.5 out of 5a year ago
Great course! Stephen is a fantastic instructor. Very well-spoken and clearly explains all the concepts through diagrams and coding examples. Only downside is that some of the resources used in this course are a little outdated. You can see the comments under the sections for help from others on how to resolve issues though.

Instructor

Stephen Grider
Engineering Architect
Stephen Grider
  • 4.7 Instructor Rating
  • 278,812 Reviews
  • 733,523 Students
  • 29 Courses

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.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.