Improve your skills with the React JavaScript library by building 15 projects using React.
? Code: https://github.com/john-smilga/react-projects
? React Fundamentals Course: https://www.youtube.com/watch?v=4UZrsTqkcW4
?? Course from John Smilga of the Coding Addict channel. Check out his channel: https://www.youtube.com/codingaddict
?? 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
?? Special thanks to our Champion supporters! ??
? Loc Do
? Joseph C
? DeezMaster
—
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp
