Video: .MP4, AVC, 1920×1080, 30 fps | Audio: English, AAC, 44.1 KHz, 2 Ch | Duration: 11h 6m | 5.28 GBInstructor: Wes BosBuild an online store with React and GraphQLJust as React has transformed the way we build web applications, GraphQL is changing how we build APIs to query and mutate data.

With a focus on modern JavaScript and real world application, this course is a start-to-finish way to learn Full Stack Advanced React, GraphQL, Node.

js and friends.

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.

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.

You should be comfortable with both writing and debugging modern JavaScript including arrow functions, classes, promises, async+await and other commonly used parts of ES6.

You of course can take my ES6 for Everyone to skill up on this.

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 componentsAnyone looking to learn the whys and hows of GraphQLWeb developers who want to get better at JavaScriptJS developers looking to advance their skills and careerBootcamp Graduates (see the FAQ for a student discount!)Front End Devs looking to go Full StackExisting Node.js developers looking to learn how GraphQL works with NodeAnyone who wants to get better at JavaScript and learns well from seeing both fundamental and advanced concepts in practice.

Covered ConceptsIn 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.

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 PracticesServer Side RenderingStyled ComponentsThemingRender PropsRoutingGraphQL SchemaQueries and MutationsJSON Web Token (JWT)ResolversCache ManagementLoading and Error StatesSending EmailLogic and Flow with Async + AwaitAuthentication and PermissionsCharging Credit CardsHosting and Transforming ImagesPaginationForms in ReactAnimationsThird party React ComponentsUnit TestingMocking ComponentsMounting vs Shallow RenderingDeployment