Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

Grab it

Enhance your React skills through this comprehensive 9-hour course featuring 15 hands-on projects. Build a diverse range of applications including a birthday reminder, tour guide, review carousel, accordion, menu display, tabs interface, image slider, lorem ipsum generator, color palette creator, grocery list manager, responsive navbar, sidebar, stripe-inspired submenu, shopping cart, and cocktail database. Learn essential React concepts such as hooks, context API, and router while implementing features like data fetching, state management, and dynamic rendering. Gain practical experience with popular libraries like React Icons and master techniques for deployment and continuous integration. Access accompanying source code and additional resources to further support your learning journey.

Syllabus

) Intro.
) Starter Project Setup.
) 1-Birthday Intro.
) 1-Birthday Setup.
) 1-Birthday Complete.
) 2-Tours Intro.
) 2-Tours Fetch Data.
) 2-Tours Display Data.
) 2-Tours Toggle Button.
) 2-Tours Remove Tour.
) 3-Reviews Intro.
) 3-Reviews Info And React Icons.
) 3-Reviews Setup.
) 3-Reviews Prev And Next Person.
) 3-Reviews Random Person.
) 4-Accordion Intro.
) 4-Accordion Complete.
) 5-Menu Intro.
) 5-Menu Display Items.
) 5-Menu Manual Approach.
) 5-Menu All Button.
) 5-Menu Dynamic Approach.
) 6-Tabs Intro.
) 6-Tabs Setup.
) 6-Tabs Display First Job.
) 6-Tabs Buttons.
) 7-Slider Intro.
) 7-Slider Setup.
) 7-Slider Manual Setup.
) 7-Slider Setup Classes.
) 7-Slider Prev And Next.
) 7-Slider First And Last, Autoslide.
) 8-Lorem-Ipsum Intro.
) 8-Lorem-Ipsum Structure.
) 8-Lorem-Ipsum Complete.
) 9-Color-Generator Intro.
) 9-Color-Generator Structure.
) 9-Color-Generator Get Values, Error.
) 9-Color-Generator Single Color.
) 9-Color-Generator Copy To Clipboard.
) 10-Grocery-Bud Intro.
) 10-Grocery-Bud Structure.
) 10-Grocery-Bud Add Items.
) 10-Grocery-Bud Alert.
) 10-Grocery-Bud Clear List.
) 10-Grocery-Bud Remove Item.
) 10-Grocery-Bud Edit Item.
) 10-Grocery-Bud Local Storage.
) 11-Navbar Intro.
) 11-Navbar Structure.
) 11-Navbar Links Data.
) 11-Navbar Simple Toggle.
) 11-Navbar Class Toggle.
) 11-Navbar UseRef Approach.
) 12-Sidebar Intro.
) 12-Sidebar Structure.
) 12-Sidebar Global Context.
) 12-Sidebar Complete.
) 13-Stripe Intro.
) 13-Stripe Context Boilerplate.
) 13-Stripe Navbar.
) 13-Stripe Hero.
) 13-Stripe Sidebar.
) 13-Stripe Submenu.
) 13-Stripe Location.
) 13-Stripe Submenu Links.
) 13-Stripe Hide Submenu.
) 14-Cart Intro.
) 14-Cart Setup Overview.
) 14-Cart UseReducer Setup.
) 14-Cart Clear Cart.
) 14-Cart Remove Item.
) 14-Cart Increase.
) 14-Cart Decrease.
) 14-Cart Get Totals.
) 14-Cart Fetch Data.
) 14-Cart Toggle Functionality.
) 15-Cocktails Intro.
) 15-Cocktails Additional Info.
) 15-Cocktails Setup Overview.
) 15-Cocktails Router Setup.
) 15-Cocktails Navbar.
) 15-Cocktails Error About.
) 15-Cocktails Context Setup.
) 15-Cocktails API Overview.
) 15-Cocktails Fetch Drinks.
) 15-Cocktails Display List.
) 15-Cocktails Search Form.
) 15-Cocktails Single Cocktail Page.
) Hosting - Drag And Drop.
) Hosting - Continuous Deployment.