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

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.