Fullstack Advanced React & GraphQL 2021
Salepage : Fullstack Advanced React & GraphQL 2021
Archive : Fullstack Advanced React & GraphQL 2021 Digital Download
Delivery : Digital Download Immediately
3.31 GB
We will collaborate to create “Sick Fits,” a full stack online clothes store with real credit checkout.
Users may search for, sell, put to cart, and check out their desired things.
Users, Items, Orders, CartItems, OrderItems, and Roles are the application’s six core models, all of which are relational and demonstrate the capabilities of relational GraphQL Queries.
The program also incorporates various server-side components such as authentication, permissions, email sending, picture uploading, and credit card processing.
In addition to developing the program’s frontend and backend, we spend the last portion of the course testing the React application.
See the table below for a complete list of subjects addressed.
Module One
Introduction and Configuration
– 1 – Tooling and Starter Files Installation (09:33)
– 2 – An Overview of the Technology Stack (07:42)
Module two
Understanding Next.js
– 3 – An introduction to Next (08:53)
4 – Designing a Page Layout Component (18:12)
– 5 – Designing our Header and Navigation Components (07:49)
Module three
Styled Components with CSS
– 6 – Styled Components and CSS Fundamentals (11:52)
– 7 – Global Styles, Typography, and Layout (10:17)
– 8 – Visualizing Route Alterations (06:21)
– 9 – Resolving Flickering Styled Components on Server Render (06:30)
4th Module
GraphQL Development on the Server
– 10 – Installing MongoDB (13:02)
– 11 – An Introduction to GraphQL (06:51)
– 12 – Installing Keystone and Typescript (11:28)
– 13 – Introducing the first User data type (05:49)
– 14 – Integrating Auth into Our Application (08:09)
– 15 – Creating a Data Type for Our Products (07:33)
– 16 – Product Image Upload (07:59)
– 17 – Using Keystone to create two-way data connections (06:39)
– 18 – Adding Seed Data (07:39)
5th Module
Development of Client-Side React + GraphQL
– 19 – Installing the Apollo Client (18:35)
– 20 – Using hooks to fetch data and display it in our front end (29:53)
– 21 – Repairing and Styling the Navigation (02:00)
– 22 – An excellent introduction to React Forms and Custom Hooks (24:13)
– 23 – Integrating our File Input and Form Styles (10:41)
– 24 – Developing Products Through Mutations (17:29)
– 25 – Refining Queries Following a Successful Mutation (05:17)
– 26 – Changing the Page After Product Creation Programmatically (02:37)
– 27 – Single Item Display, Routing, and SEO (25:57)
Module Six
Working with Variables
– 28 – Item Updating (24:51)
– 29 – Using useEffect to cope with a faulty loading state (07:31)
– 30 – Product Removal (10:34)
Evicting Items from the Apollo Cache – 31 (04:43)
7th Module
Pagination
– 32 – Links to Pagination (17:04)
– 33 – Dynamic Pagination Routing (11:14)
– 34 – Changing our Pagination Values Query (04:43)
– 35 – Apollo Cache Control and Custom Type Policies (26:32)
8th Module
Registration and Authentication of Users
– 36 – Inquiring About The Current User (09:35)
– 37 – Adding a Sign-In Component (25:33)
– 38 – Developing a Sign Out Component (05:30)
– 39 – Designing Our Sign-Up Process (13:26)
– 40 – Password Reset – Reset Request (08:48)
Password Reset – Creating a New Password (14:11)
– 42 – Password Reset – email sent (17:32)
9th Module
Development of a Shopping Cart
– 43 – Cart – Defining the Data Type and Establishing Two-Way Relationships (06:46)
– 44 – Cart – Using a Custom Component to Display Items (16:50)
– 45 – Cart – Making Use of Recat Context for Our Cart State (15:53)
Cart – Adding Items to Cart – 46 (23:20)
– 47 – Cart – Adding Items to React Cart (05:54)
Cart Animating the Cart Cart Value – 48 (12:18)
– 49 – Cart – Button to Remove From Cart (05:58)
Evicting Cart Items from the Cache – 50 – Cart (05:02)
Module ten
Search
– 51 – Lookup (30:29)
Module ten
Order Processing and Payment
– 52 – Configuring our Stripe Checkout (11:23)
– 53 – Developing Client Side Checkout Handler Logic (12:38)
– 54 – Designing the Order and OrderItem Data Types (10:27)
– 55 – Stripe Custom Checkout Mutation (17:46)
– 56 – Connecting our frontend to our custom backend checkout mutation (06:49)
– 57 – In our Mutation, we create our Order and OrderItems (09:04)
– 58 – Completing the Checkout UI and Flow (10:03)
11th Module
Displaying Frontend Orders
– 59 – Showing Only One Order (10:57)
– 60 – Showing All Orders (12:48)
11th Module
Roles, Permissions, and Access Control
– 61 – A Primer on Roles and Permissions (03:29)
– 62 – Roles and Permissions Schema + User Interface (07:03)
– 63 – Session-Based Access Control (09:16)
– 64 – Access Functions Permissions (07:13)
65 – More Versatile Rule-Based Functions (14:08)
– 66 – Meta – Roles-based Roles and Hiding UI (03:12)
– 67 – Rules Based on Cart and Order (07:08)
– 68 – Permissions Based on User and Field (05:14)
Permissions for Product Images – 69 (01:26)
– 70 – Creating a Sign In Component with a Gate (03:13)
12th Module
Testing
– 71 – Test Configuration, Tooling, and Methodology (07:40)
– 72 – Testing Fundamentals (10:51)
– 73 – Putting our format to the test
The money function (07:03)
– 74 – React Testing Framework (15:38)
Snapshot Testing – 75 (06:11)
– 76 – Additional Information on Testing Library Queries (04:46)
– 77 GraphQL Data Request Mocking (15:30)
– 78 – Re-rendering and updating props (10:11)
– 79 – Signed in and Signed out Navigation States Testing (14:41)
– 80 – Pagination Evaluation (15:23)
– 81 – User Event and Mutation Testing (17:17)
– 82 – Password Reset Component Testing (07:11)
– 83 – Making Fun of Third-Party Libraries (23:32)
More from Categories : Everything Else
