29.The Massive Color Project Pt 5\
12:16 Saving New Palettes
23:18 Add Palette Name Form
33:35 Styling Draggable Color Box
40:24 Adding Color Box Delete
45:06 It's Drag and Drop Time!
1:00:04 Clear Palette and Random Color Buttons
1:11:10 Extract New Palette Nav
1:24:17 Extract Color Picker Component
1:36:06 Styling Palette Form Nav
1:41:50 Styling Color Picker
30.The Massive Color Project Pt 6\
1:51:54 Adding ModalsDialogs
1:59:28 Styling Dialog
2:08:18 Closing Form & Adding Emoji
2:13:40 Finish Emoji Picker Form
2:26:04 Moving JSS Styles Out
2:32:58 Tweak Form Styles
2:40:06 Saving to LocalStorage
2:45:09 Adding MiniPalette Delete Button
2:52:09 Finish MiniPalette Delete
3:01:02 Create Responsive Sizes Helper
3:15:19 Make Color Box Responsive
3:22:54 Make Form & Navbar Responsive
31.The Massive Color Project Pt 7\
3:31:55 Make Palette List Responsive
3:40:41 Add SVG Background
3:48:49 Fade Animations w Transition Group
4:01:04 Delete Confirmation Dialog
4:17:56 Fix DeleteDrag Bug
4:21:21 Animating Route Transitions
4:29:43 Refactoring Route Transitions
4:38:47 Optimizing w PureComponent
4:46:45 Cleaning Things Up
4:50:43 More Cleaning Up!
4:58:06 Fix Issues w New Palette Form
5:04:08 Prevent Duplicate Random Colors
32.Introducing React Hooks\
5:09:13 Intro to Hooks & useState
5:20:23 Building a Custom Hook useToggleState
5:35:50 Building a Custom Hook useInputState
5:51:15 The useEffect Hook
5:58:01 Fetching Data w the useEffect Hook
33.React Hooks Project\
6:10:17 Intro to Hooks Project
6:20:32 Adding Our Form With Hooks
6:28:29 Adding Todo Item Component
6:39:07 Toggling and Deletion w Hooks
6:47:34 Editing w Hooks
6:59:41 Small Style Tweaks
7:04:38 LocalStorage w UseEffect Hook
7:10:15 Refactoring to a Custom Hook
7:16:26 Creating our UseLocaslStorateState Hook
34.Introducing The Context API!\
7:30:09 Where We Are Heading
7:32:53 What Even is Context
7:41:28 Adding a Responsive Navbar To Our Context App
8:00:16 Adding a Responsive Form to our Context App
8:15:01 Intro to Context and Providers
8:27:44 Consuming A Context
8:35:40 Updating A Context Dynamically
8:40:46 Writing the Language Context
8:54:24 Consuming 2 Contexts Enter the Higher Order Component
35.Using Context with Hooks\
9:06:46 Introducing the useContext Hook
9:12:19 Consuming Multiple Contexts w Hooks
9:15:31 Rewriting a Context Provider w Hooks
9:19:54 Context Providers w Custom Hooks
9:24:35 Hookify-ing the Rest of the App
36.State Management w useReducer & useContext\
9:27:39 Adding In Todos Context
9:36:41 Consuming the Todo Context
9:42:32 The Issues w Our Current Approach
9:52:33 WTF Is a Reducer
10:01:07 First useReducer Example
10:13:21 Defining our Todo Reducer
10:26:47 Splitting Into 2 Contexts
10:33:31 Optimizing w Memo
10:39:16 Custom Hook Reducer + LocalStorage
37.Next JS\
10:46:41 Intro to Next
10:52:46 What is Server Side Rendering
11:04:38 Getting Started w Next
11:13:07 Basic Routing in Next
11:19:42 Next's Link Component
11:25:44 Links Without Anchor Tags
11:27:52 Components Vs.Pages
11:32:06 Overriding the Default
_app.js
38.Next Fetching & Server API\
11:39:26 Introducing getInitialProps
11:50:45 Fetching Posts w getInitialProps