The course has been entirely updated and re-recorded for the latest in React.js, Hooks, Apollo 3 and the Keystone Headless CMS.
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 six main models — Users, Items, Orders, CartItems, OrderItems, and Roles — all of which are relational and showcase the power of relational GraphQL Queries.
The app also includes many server side bits including 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 section of the course Testing the React application.
[TutsNode.com] - Advanced React - FullStack Advanced React + GraphQL/Module 1 Introduction and Setup/01 - Tooling and Starter Files Setup.mp4
32.3 MB
[TutsNode.com] - Advanced React - FullStack Advanced React + GraphQL/Module 10 Search and Order Creation and Checkout/51 - Search.mp4
96.9 MB
[TutsNode.com] - Advanced React - FullStack Advanced React + GraphQL/Module 10 Search and Order Creation and Checkout/52 - Setting Up our Stripe Checkout.mp4
33.4 MB
[TutsNode.com] - Advanced React - FullStack Advanced React + GraphQL/Module 10 Search and Order Creation and Checkout/53 - Writing our Client Side Checkout Handler Logic.mp4
53.5 MB
[TutsNode.com] - Advanced React - FullStack Advanced React + GraphQL/Module 10 Search and Order Creation and Checkout/54 - Creating our Order and OrderItem Data Types.mp4
29.7 MB
[TutsNode.com] - Advanced React - FullStack Advanced React + GraphQL/Module 10 Search and Order Creation and Checkout/55 - Custom Checkout Mutation with Stripe.mp4
53.5 MB
[TutsNode.com] - Advanced React - FullStack Advanced React + GraphQL/Module 10 Search and Order Creation and Checkout/57 - Creating our Order and OrderItems in our Mutation.mp4
32.4 MB
[TutsNode.com] - Advanced React - FullStack Advanced React + GraphQL/Module 10 Search and Order Creation and Checkout/58 - Finishing up the Checkout UI and Flow.mp4
36.4 MB
[TutsNode.com] - Advanced React - FullStack Advanced React + GraphQL/Module 11 Frontend Order Displaying and Roles, Permissions and Restricting Access/59 - Displaying a Single Order .mp4
30.4 MB
[TutsNode.com] - Advanced React - FullStack Advanced React + GraphQL/Module 11 Frontend Order Displaying and Roles, Permissions and Restricting Access/60 - Displaying All Orders.mp4
39.3 MB
[TutsNode.com] - Advanced React - FullStack Advanced React + GraphQL/Module 11 Frontend Order Displaying and Roles, Permissions and Restricting Access/65 - More Flexible Rule Based Functions.mp4
[TutsNode.com] - Advanced React - FullStack Advanced React + GraphQL/Module 3 CSS and Styled Components/06 - An Intro to Styled Components and CSS.mp4
33.1 MB
[TutsNode.com] - Advanced React - FullStack Advanced React + GraphQL/Module 4 Server Side GraphQL Development/10 - Setting up MongoDB.mp4
39.4 MB
[TutsNode.com] - Advanced React - FullStack Advanced React + GraphQL/Module 4 Server Side GraphQL Development/12 - Setting up Keystone and Typescript.mp4
29.9 MB
[TutsNode.com] - Advanced React - FullStack Advanced React + GraphQL/Module 4 Server Side GraphQL Development/18 - Inserting Seed Data.mp4
30.6 MB
[TutsNode.com] - Advanced React - FullStack Advanced React + GraphQL/Module 5 Client Side React + GraphQL Development/19 - Setting up Apollo Client.mp4
58 MB
[TutsNode.com] - Advanced React - FullStack Advanced React + GraphQL/Module 5 Client Side React + GraphQL Development/20 - Fetching Data with hooks and Displaying it in our Front End.mp4
96.4 MB
[TutsNode.com] - Advanced React - FullStack Advanced React + GraphQL/Module 5 Client Side React + GraphQL Development/22 - A real good lesson in React Forms and Custom Hooks.mp4
61.8 MB
[TutsNode.com] - Advanced React - FullStack Advanced React + GraphQL/Module 5 Client Side React + GraphQL Development/23 - Hooking up our File input and Form Styles.mp4
[TutsNode.com] - Advanced React - FullStack Advanced React + GraphQL/Module 7 Pagination/35 - Custom Type Policies and Control over the Apollo Cache.mp4
86.7 MB
[TutsNode.com] - Advanced React - FullStack Advanced React + GraphQL/Module 8 User Registration + Authentication/37 - Creating a Sign In Component.mp4
