React Course for Beginners with Tailwind CSS [2025]

React Course for Beginners with Tailwind CSS [2025]

freeCodeCamp.org via freeCodeCamp Direct link

2:22:59 Search Page Design Exercise - https://react-formula.com/workspace/search-page-design

20 of 28

20 of 28

2:22:59 Search Page Design Exercise - https://react-formula.com/workspace/search-page-design

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

React Course for Beginners with Tailwind CSS [2025]

Automatically move to the next video in the Classroom when playback concludes

  1. 1 0:00:00 Course Introduction
  2. 2 0:04:31 Your First App Exercise - https://react-formula.com/workspace/your-first-app
  3. 3 0:10:00 Rendering Components Exercise - https://react-formula.com/workspace/rendering-components
  4. 4 0:07:54 Passing Props - https://react-formula.com/workspace/passing-props
  5. 5 0:27:52 Passing Props II - https://react-formula.com/workspace/passing-props-ii
  6. 6 0:36:39 Passing Props III - https://react-formula.com/workspace/passing-props-iii
  7. 7 0:45:05 Intro to Tailwind CSS Lecture
  8. 8 0:49:40 Tailwind Basics Exercise - https://react-formula.com/workspace/tailwind-css-basics
  9. 9 0:59:55 Padding & Margin Lecture
  10. 10 1:03:21 Button Style Exercise - https://react-formula.com/workspace/button-style-exercise
  11. 11 1:14:30 Tailwind ClassNames Lecture
  12. 12 1:19:53 Button Component Exercise - https://react-formula.com/workspace/button-style-exercise
  13. 13 1:29:32 Flex Box Lecture
  14. 14 1:34:38 Flex Exercise - https://react-formula.com/workspace/flex-exercise
  15. 15 1:39:26 Flex Column Lecture
  16. 16 1:42:17 Flex Exercise II - https://react-formula.com/workspace/flex-exercise-ii
  17. 17 1:46:21 Analyzing Layouts Lecture
  18. 18 1:51:50 Tailwind Docs Lecture
  19. 19 1:56:04 Analyzing Layouts Exercise - https://react-formula.com/workspace/analyzing-layouts-exercise
  20. 20 2:22:59 Search Page Design Exercise - https://react-formula.com/workspace/search-page-design
  21. 21 2:49:53 Event Handling & State Lecture
  22. 22 2:57:08 Click Event Exercise - https://react-formula.com/workspace/click-event-exercise
  23. 23 3:12:05 Conditional Rendering Exercise - https://react-formula.com/workspace/conditional-rendering-exercise
  24. 24 3:29:28 Counter Exercise - https://react-formula.com/workspace/counter
  25. 25 3:39:27 Light Switch Exercise - https://react-formula.com/workspace/light-switch
  26. 26 3:58:22 Image Carousel Exercise - https://react-formula.com/workspace/image-carousel
  27. 27 4:17:43 Cat Carousel Exercise - https://react-formula.com/workspace/cat-carousel
  28. 28 4:42:11 Outro

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.