complete-react-developer-in-2022-w-redux-hooks-graphql-updated-22-04-2022-1
Pattern\
5:30 Observer Pattern
Context Continued\
15:56 New Shop Page
21:57 Products Context
28:44 Product Card Component
37:00 Cart Icon & Dropdown
46:28 Toggle Cart Open
54:25 Add To Cart Pt.1
1:03:11 Add To Cart Pt.2
1:13:51 Cart Item Designs
1:22:00 Creating Checkout Page
1:30:19 Decrement Checkout Item Quantity
1:37:43 Checkout Item Pt.2
1:46:45 Checkout Item Pt.3
1:55:28 Cart Total
Database Storage\
1:59:20 Firestore DB No-SQL
2:06:22 addCollectionAndDocuments Pt.1
2:15:50 addCollectionAndDocuments Pt.2
2:22:54 Get Products Categories From Firestore
2:31:13 Using Our CategoriesMap
2:40:22 Category Preview Component
2:48:02 Nested Routes in Shop
2:54:26 Category Page
Styled-Components\
3:03:17 Fixing Clashing Styles
3:12:27 Introducing Styled-Components
3:24:01 Styled-Components - Button
3:33:10 Styled-Component - Cart Dropdown
3:42:47 Styled-Component - Directory Item & Cart Icon
3:53:40 Styled-Component - Form Input Component
4:02:34 Last Touches
With Netlify\
4:06:30 Deploying On Netlify
4:15:27 Adding Redirects For Netlify
\
4:25:02 Reducers explained
4:36:28 User Reducer
4:53:42 Cart Reducer Pt. 1
5:03:39 Cart Reducer Pt. 2
5:11:01 Cart Reducer Pt. 3
\
5:20:17 Redux vs Context_ Access
5:29:06 Redux vs Context_ Data Flow
5:33:58 React-Redux_ Installation
5:44:37 React-Redux_ Setting Up Our Store
5:51:51 React-Redux_ Creating User Reducer
6:02:25 React-Redux_ Selectors
6:08:32 Categories Reducer
6:16:18 Categories Selectors
6:24:19 Business Logic in Our Selectors
6:33:01 What Triggers useSelector
6:41:06 Demystifying Middleware
6:54:27 Redux Triggers Extra Re-renders
6:59:50 Reselect Library
7:13:32 Migrating Cart Context to Redux Pt. 1
7:22:14 Migrating Cart Context to Redux Pt. 2
7:28:08 Migrating Cart Context to Redux Pt. 3
7:36:46 Migrate Cart Context to Redux Pt. 4
Extended Tools\
7:43:24 Redux-Persist
7:50:29 Redux-Devtools
Redux_ Redux-Thunk\
8:00:01 Asynchronous Redux_ Redux-Thunk
8:08:11 Redux-Thunk Pt. 2
8:15:58 Redux-Thunk Pt. 3
Redux_ Redux-Saga\
8:24:30 Asynchronous Redux_ Redux-Saga
8:32:30 Generator Functions
8:41:09 Redux-Saga_ fetchCategoriesAsync Thunk to Saga
8:51:43 Redux-Saga_ Converting onAuthStateChanged Listener to Promise
8:58:57 Redux-Saga_ Check User Session Saga Pt. 1
9:10:01 Redux-Saga_ Check User Session Saga Pt. 2
9:17:55 Redux-Saga_ Sign in Sagas
9:27:00 Redux-Saga_ Sign up Sagas
9:37:25 Redux-Saga_ Sign Out Sagas
Functions Stripe\
9:45:56 The Need for Serverless Functions
9:54:50 Serverless Functions Explained
10:01:47 Setting up Stripe
10:10:27 Setting Up Our PaymentForm
10:18:47 Writing Our First Serverless Function
10:28:18 Finishing Stripe Payment
10:40:52 Tidying Up Our UI
10:53:49 Adding Auth With Netlify URL
10:55:13 Adding Environment Variables For Netlify
Basics_ Typing Monsters-Rolodex\
11:00:32 Typescript introduction
11:08:23 Starting our Typing
11:16:37 Typescript Interfaces
11:26:29 Typescript Types & Third Party Library Types
11:38:18 ChangeEvent Type From React
11:41:48 Understanding Generics
11:53:08 Typing React’s setState