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