1. Урок 1. 00:04:28
    What we will be building, an overview
  2. Урок 2. 00:04:14
    Downloading and installing development tools i.e node and visual studio code
  3. Урок 3. 00:09:19
    Creating a boilerplate from react default program
  4. Урок 4. 00:03:20
    Cleaning and getting the boilerplate ready for coding
  5. Урок 5. 00:07:57
    Downloading and linking Bootstrap to a React project
  6. Урок 6. 00:03:58
    Downloading and linking Jquery to a React project
  7. Урок 7. 00:07:14
    Downloading and linking fontawesome to a React project
  8. Урок 8. 00:05:33
    How to confirm and check that files linked to a React project are working
  9. Урок 9. 00:06:05
    Defining terms and familarizing ourselves with concepts in React
  10. Урок 10. 00:10:23
    Understanding the general overview and flow of React
  11. Урок 11. 00:09:06
    What is JSX? How to apply it in React
  12. Урок 12. 00:16:04
    Creating our first and reuseable components
  13. Урок 13. 00:06:48
    Functional based components in React and how it works
  14. Урок 14. 00:06:05
    Class based components in React and how to use it.
  15. Урок 15. 00:10:29
    Recap on Components in React and structuring your files
  16. Урок 16. 00:02:07
    What is bootstrap and why we use it
  17. Урок 17. 00:15:23
    Understanding bootstrap margin, padding and lists system in React
  18. Урок 18. 00:01:46
    Creating a Navbar from scratch in React:What we will build at the end of lecture
  19. Урок 19. 00:15:21
    Navbar creation: Linking images and external css file in React
  20. Урок 20. 00:27:13
    Navbar creation continuation: Working with icons in React
  21. Урок 21. 00:23:04
    Navbar conclusion: Creating dropdowns in react and what we built
  22. Урок 22. 00:31:41
    Understanding React Router for functional based components
  23. Урок 23. 00:34:38
    Using React Route for class based components
  24. Урок 24. 00:06:13
    Restructuring your React project to fit your specification eg our ecommerce app
  25. Урок 25. 00:13:07
    React Links: Creating our footer using react links
  26. Урок 26. 00:01:51
    What we will be building for our homepage usng React components
  27. Урок 27. 00:02:55
    Understanding parent / child components and the relationship between them
  28. Урок 28. 00:18:46
    Creating our homepage first section using bootstrap carosuel
  29. Урок 29. 00:25:13
    Reuseable sidebar component for our homepage first section
  30. Урок 30. 00:01:46
    Summary for our homepage first section
  31. Урок 31. 00:16:11
    Creating our second section for our homepage using picture icons
  32. Урок 32. 00:18:02
    Complete setup, creating folders and installing necessary dependencies for node
  33. Урок 33. 00:05:52
    Installing axios and cors dependencies for fetching data in React
  34. Урок 34. 00:22:22
    Calling data from node server or API using the functional approach
  35. Урок 35. 00:13:36
    Calling data from node server or API using the class based approach
  36. Урок 36. 00:18:04
    Understanding the new React AppContext using practical example to explain
  37. Урок 37. 00:20:35
    Dealing with state in react
  38. Урок 38. 00:08:46
    Understanding array mapping in React
  39. Урок 39. 00:12:46
    Working with React PROPS
  40. Урок 40. 00:36:32
    Creating and populating our homepage third section with actual products
  41. Урок 41. 00:16:14
    Creating the add to cart function in React
  42. Урок 42. 00:25:17
    Creating the cart and cartItem components
  43. Урок 43. 00:22:46
    Creating the remove item from cart and the remove from cart functions
  44. Урок 44. 00:51:53
    Creating the fashions page and retrieving data from API or server
  45. Урок 45. 00:10:53
    Creating and linking other pages in our SideBar to our Homepage
  46. Урок 46. 00:27:51
    Populating the categories or SideBar pages with contents from Node server