illustration for Scalable Offline-Ready GraphQL Applications with AWS AppSync & React

Scalable Offline-Ready GraphQL Applications with AWS AppSync & React

Instructor

nader dabit
31m closed-captioning
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
4.4
587
people completed
Bookmark
Download
RSS

With GraphQL, you can define the shape of your data in a schema, and GraphQL will fulfill the request with the precise data you need. When you need it. This doesn't come without a cost. GraphQL adds a lot of complexity to your application by requiring you to define your schemas through types, mutations, and resolvers.

AppSync is a fully managed serverless GraphQL service that fast-tracks your API development. You can define a single type, and AppSync auto-generates a schema, queries, mutators, and subscriptions for you.

In this course, Nader Dabit will show you how to:

  • build a production-ready GraphQL API through AWS AppSync
  • create and modify data through the AWS AppSync console
  • connect a React application to the GraphQL API
  • execute queries, mutations, and subscriptions for data through the API in React

⛔️ This is a Stale Course

There are portions of this course that have changed a bit since it was recorded, but it is still useful for developers interested in using AWS AppSync. The module versions have changed, but the API is largely the same. The React parts of this course make use of class components. If you'd like to convert the code to use Hooks, check out Shareable Custom Hooks by Joe Previte.

Free Community Resource

A Community Resource means that it’s free to access for all. The instructor of this lesson requested it to be open to the public.

Learner Reviews

  • Alice
    6 months ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    How will you use what you learned from this course?

    I’m a Frontend expert so I’m trying to gain backend knowledge in order to be able to create a whole app by myself. My regret is that this uses React class components which I’m no longer using. I wish I had examples of use with react function components. Otherwise great course.

  • Marcin
    8 months ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Short and simple, to the point, well done! :clap:

  • Axy Vox
    10 months ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Engaging and perfect length! Thank you! :)

  • manos
    a year ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    I loved this course. Straight to the point on how to use the service. A more advanced version of this course would also be amazing :D

  • Liam
    a year ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What was your strongest take away from this course?

    I enjoyed the straightforwardness of this course but was hoping for a more in depth look at attaching AppSync like attaching resolvers, having a nested schema and relating that back to dynamo,etc since most of this was covered in the AppSync walkthrough.

    This tutorial was super helpful at the basic level for someone who learns better through visuals than reading tutorials, so this was definitely a lot nicer than the AWS docs. I am passing this along to someone who was interested in learning what AppSync is since this does a very good job explaining why it should be used.

  • Ian
    a year ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What would make this course a 7 for you?

    A little bit more explanation along the way would be good. There are many things I'd need to go off and lookup to understanding what it is, why it's needed, and how it works.

Course Content

31m • 9 lessons

    You might also like these resources:

    illustration for Shareable Custom Hooks in React

    Shareable Custom Hooks in React

    Joe Previte・30m・Course

    In this course, you'll work through refactoring a component to use a custom hook, and learn to apply the patterns used by the React team to your own code.

    illustration for Simplify React Apps with React Hooks

    Simplify React Apps with React Hooks

    Kent C. Dodds・38m・Course

    Kent will take a React codebase that uses classes and refactor the entire thing to use function components as much as possible. You'll also look at state, side effects, async code, caching, and more.

    illustration for Reusable State and Effects with React Hooks

    Reusable State and Effects with React Hooks

    Elijah Manor・57m・Course

    In this course, you'll see examples of converting Class Components to Function Components and how they relate to one another.