Scalable Offline-Ready GraphQL Applications with AWS AppSync & React
Instructor
nader dabit
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
- Alice4 years agoHow 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.
- Marcin4 years agoWhat did you like about this course?
Short and simple, to the point, well done! :clap:
- Axy Vox4 years agoWhat did you like about this course?
Engaging and perfect length! Thank you! :)
- Emmanouil Papoutsakis4 years agoWhat 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
- Liam4 years agoWhat 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.
- Ian5 years agoWhat 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
You might also like these resources:
Shareable Custom Hooks in React
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.
Simplify React Apps with React Hooks
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.
Reusable State and Effects with React Hooks
In this course, you'll see examples of converting Class Components to Function Components and how they relate to one another.