Skip to main content

8.0 Lesson

  1. About React Hooks
  2. Intro
  3. Planning an App in React
  4. Planning our App - Layout and Component Tree
  5. Planning the State
  6. MUST READ Enabling CSS Modules
  7. Setting Up the Project 8.Creating a Layout Component
  8. Starting Implementation of The Burger Builder Container
  9. Adding a Dynamic Ingredient Component
    1. BurgerIngredient.css
  10. Adding PropTypes Validation
  11. Starting the Burger Component
  12. Outputting Burger Ingredients Dynamically
  13. Calculating the Ingredient Sum Dynamically
  14. Adding the Build Control Component
    1. 13-build-control-addition.css
  15. Outputting Multiple Build Controls
  16. Connecting State to Build Controls
  17. Removing Ingredients Safely
  18. Displaying and Updating the Burger Price
  19. Adding the Order Button
    1. 18-button-code.css
  20. Creating the Order Summary Modal
    1. Modal.css
  21. Showing & Hiding the Modal (with Animation)
  22. Implementing the Backdrop Component
  23. Adding a Custom Button Component
    1. Button.css
  24. Implementing the Button Component
  25. Adding the Price to the Order Summary
  26. Adding a Toolbar
  27. Using a Logo in our Application
    1. Burger Logo
  28. Adding Reusable Navigation Items
  29. Creating a Responsive Sidedrawer
  30. Working on Responsive Adjustments (1 way)1. Working on Responsive Adjustments (2 way)
  31. More about Responsive Adjustments
  32. Reusing the Backdrop
  33. Adding a Sidedrawer Toggle Button
  34. Adding a Hamburger Icon
    1. DrawerToggle.css
  35. Improving the App - Intro
  36. Prop Type Validation
  37. Improving Performance
  38. Using Component Lifecycle Methods
  39. Changing the Folder Structure
  40. Wrap Up
  41. Useful Resources & Links