You should be already familiar with the basics of React - components, state, props, modules and event handlers. If you have taken my React For Beginners course or built a few things in React, you are in good shape.
The backend of the course is written in Node. Prior node knowledge is nice, but not required for this course as you should be able to keep up no problem. You can take Learn Node if you'd like to learn more.
This course requires no knowledge of GraphQL, Prisma, Databases, or testing React components
Anyone looking to learn the whys and hows of GraphQL
JS developers looking to advance their skills and career
Bootcamp Graduates (see the FAQ for a student discount!)
Front End Devs looking to go Full Stack
Existing Node.js developers looking to learn how GraphQL works with Node
This is a course that will teach you everything you need to build a full stack application with React.js and GraphQL.
Together we build an online store called Sick Fits.
It's GraphQL API with Node.js on the backend and React and Apollo on the front end.
We cover everything from authentication and sending email to uploading photos and caching data. The entire front-end is built in modern React.js and GraphQL.
I'm also happy to announce that the course has almost six hours of testing videos included in the master package. Testing is something I've had requests for a long time and I'm really excited to deliver on some good quality testing material.
What Will You Build?
Together we will build "Sick Fits", a full stack online clothing store complete with real credit checkout. Users can search, sell, add to cart and checkout their favourite items.
The application has five main models — Users, Items, Orders, CartItems, and OrderItems — all of which are relational and showcase the power of relational GraphQL Queries.
The app also includes many server side bits including JWT authentication, permissions, sending email, uploading images, and charging credit cards.
In addition to building both the frontend and backend of the application, we also spend the last ⅓ of the course Testing the React application.
For a full list of topics covered, see below.
In each video, we learn and implement a concept into our application. Many of the concepts we return to over and over for different parts of the application, hitting and solving new problems each time.
React Best Practices
Server Side Rendering
Queries and Mutations
JSON Web Token (JWT)
Loading and Error States
Logic and Flow with Async + Await
Authentication and Permissions
Charging Credit Cards
Hosting and Transforming Images
Forms in React
Third party React Components
Mounting vs Shallow Rendering