Code 15 React Projects - Complete Course
Improve your skills with the React JavaScript library by building 15 projects using React.
🔗 Code: https://github.com/john-smilga/react-projects
⭐️ Course Contents ⭐️
⌨️ (0:00:00) Intro
⌨️ (0:03:34) Starter Project Setup
⌨️ (0:07:18) 1-Birthday Intro
⌨️ (0:07:54) 1-Birthday Setup
⌨️ (0:13:31) 1-Birthday Complete
⌨️ (0:19:41) 2-Tours Intro
⌨️ (0:20:41) 2-Tours Fetch Data
⌨️ (0:32:04) 2-Tours Display Data
⌨️ (0:37:40) 2-Tours Toggle Button
⌨️ (0:43:17) 2-Tours Remove Tour
⌨️ (0:50:13) 3-Reviews Intro
⌨️ (0:50:36) 3-Reviews Info And React Icons
⌨️ (0:56:46) 3-Reviews Setup
⌨️ (1:05:39) 3-Reviews Prev And Next Person
⌨️ (1:12:14) 3-Reviews Random Person
⌨️ (1:17:22) 4-Accordion Intro
⌨️ (1:17:36) 4-Accordion Complete
⌨️ (1:27:27) 5-Menu Intro
⌨️ (1:28:16) 5-Menu Display Items
⌨️ (1:36:08) 5-Menu Manual Approach
⌨️ (1:40:59) 5-Menu All Button
⌨️ (1:43:34) 5-Menu Dynamic Approach
⌨️ (1:52:06) 6-Tabs Intro
⌨️ (1:52:52) 6-Tabs Setup
⌨️ (2:00:09) 6-Tabs Display First Job
⌨️ (2:06:42) 6-Tabs Buttons
⌨️ (2:13:40) 7-Slider Intro
⌨️ (2:14:07) 7-Slider Setup
⌨️ (2:24:59) 7-Slider Manual Setup
⌨️ (2:32:44) 7-Slider Setup Classes
⌨️ (2:40:12) 7-Slider Prev And Next
⌨️ (2:43:32) 7-Slider First And Last, Autoslide
⌨️ (2:50:53) 8-Lorem-Ipsum Intro
⌨️ (2:52:24) 8-Lorem-Ipsum Structure
⌨️ (3:00:32) 8-Lorem-Ipsum Complete
⌨️ (3:08:49) 9-Color-Generator Intro
⌨️ (3:10:33) 9-Color-Generator Structure
⌨️ (3:19:11) 9-Color-Generator Get Values, Error
⌨️ (3:26:05) 9-Color-Generator Single Color
⌨️ (3:42:34) 9-Color-Generator Copy To Clipboard
⌨️ (3:51:39) 10-Grocery-Bud Intro
⌨️ (3:53:10) 10-Grocery-Bud Structure
⌨️ (4:03:46) 10-Grocery-Bud Add Items
⌨️ (4:13:21) 10-Grocery-Bud Alert
⌨️ (4:23:06) 10-Grocery-Bud Clear List
⌨️ (4:25:18) 10-Grocery-Bud Remove Item
⌨️ (4:29:58) 10-Grocery-Bud Edit Item
⌨️ (4:37:12) 10-Grocery-Bud Local Storage
⌨️ (4:41:27) 11-Navbar Intro
⌨️ (4:42:07) 11-Navbar Structure
⌨️ (4:50:59) 11-Navbar Links Data
⌨️ (5:00:14) 11-Navbar Simple Toggle
⌨️ (5:03:10) 11-Navbar Class Toggle
⌨️ (5:07:20) 11-Navbar UseRef Approach
⌨️ (5:16:22) 12-Sidebar Intro
⌨️ (5:17:13) 12-Sidebar Structure
⌨️ (5:26:15) 12-Sidebar Global Context
⌨️ (5:36:39) 12-Sidebar Complete
⌨️ (5:44:46) 13-Stripe Intro
⌨️ (5:47:06) 13-Stripe Context Boilerplate
⌨️ (5:56:31) 13-Stripe Navbar
⌨️ (6:03:31) 13-Stripe Hero
⌨️ (6:06:18) 13-Stripe Sidebar
⌨️ (6:13:48) 13-Stripe Submenu
⌨️ (6:18:16) 13-Stripe Location
⌨️ (6:28:02) 13-Stripe Submenu Links
⌨️ (6:37:34) 13-Stripe Hide Submenu
⌨️ (6:41:55) 14-Cart Intro
⌨️ (6:42:44) 14-Cart Setup Overview
⌨️ (6:50:25) 14-Cart UseReducer Setup
⌨️ (6:57:16) 14-Cart Clear Cart
⌨️ (7:02:06) 14-Cart Remove Item
⌨️ (7:06:35) 14-Cart Increase
⌨️ (7:11:40) 14-Cart Decrease
⌨️ (7:15:41) 14-Cart Get Totals
⌨️ (7:27:23) 14-Cart Fetch Data
⌨️ (7:32:31) 14-Cart Toggle Functionality
⌨️ (7:39:57) 15-Cocktails Intro
⌨️ (7:41:13) 15-Cocktails Additional Info
⌨️ (7:41:51) 15-Cocktails Setup Overview
⌨️ (7:44:49) 15-Cocktails Router Setup
⌨️ (7:50:15) 15-Cocktails Navbar
⌨️ (7:53:20) 15-Cocktails Error About
⌨️ (7:56:28) 15-Cocktails Context Setup
⌨️ (8:06:54) 15-Cocktails API Overview
⌨️ (8:10:29) 15-Cocktails Fetch Drinks
⌨️ (8:20:51) 15-Cocktails Display List
⌨️ (8:26:17) 15-Cocktails Search Form
⌨️ (8:32:49) 15-Cocktails Single Cocktail Page
⌨️ (8:53:23) Hosting - Drag And Drop
⌨️ (8:58:45) Hosting - Continuous Deployment
Suggest:
☞ JavaScript for React Developers | Mosh
☞ Learn React - Full Course for Beginners - React Tutorial 2019
☞ React + TypeScript : Why and How
☞ Getting Closure on React Hooks
☞ React Tutorial - Learn React - React Crash Course [2019]
☞ Page Transitions In React - React Router V6 and Framer Motion Tutorial