Fullstack Advanced React & GraphQL
Instructor: Wes Bos
Build an online store with React and GraphQL
Just as React has transformed the way we build web applications, GraphQL is changing how we build APIs to query and mutate data.
What Will You Build?
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.
Who is this for?
Web developers who want to expand their JavaScript, React and Node skills while learning all about GraphQL.
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
- Web developers who want to get better at JavaScript
- 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
- Anyone who wants to get better at JavaScript and learns well from seeing both fundamental and advanced concepts in practice.
Covered Concepts
As we build an entire full-stack application, this course covers a ton. Along with general JavaScript best practices, here are some of the things you can expect to learn:
- React Best Practices
- Server Side Rendering
- Styled Components
- Theming
- Render Props
- Routing
- GraphQL Schema
- Queries and Mutations
- JSON Web Token (JWT)
- Resolvers
- Cache Management
- Loading and Error States
- Sending Email
- Logic and Flow with Async + Await
- Authentication and Permissions
- Charging Credit Cards
- Hosting and Transforming Images
- Pagination
- Forms in React
- Animations
- Unit Testing
- Mocking Components
- Mounting vs Shallow Rendering
- Deployment
