React and Tailwind CSS are popular tools for frontend web development. If you want to become a frontend developer, learning them are a great place to start.

We just published a course on the freeCodeCamp.org YouTube channel that will teach you React for building websites. Plus you will learn Tailwind CSS, a popular framework for styling websites. Created by Alvin Zablan, this course guides you step-by-step through building real projects while learning the essentials of component-based development and utility-first styling.

You'll start by creating your first React app, then learn about rendering components, passing props, and mastering layout with Tailwind’s powerful classes. You'll gain confidence in handling events, managing state, and designing responsive interfaces from scratch. By the end, you’ll be ready to create beautiful, interactive web apps with React and Tailwind CSS.

Here are the sections in this course:

  • Course Introduction

  • Your First App Exercise

  • Rendering Components Exercise

  • Passing Props

  • Passing Props II

  • Passing Props III

  • Intro to Tailwind CSS Lecture

  • Tailwind Basics Exercise

  • Padding & Margin Lecture

  • Button Style Exercise

  • Tailwind ClassNames Lecture

  • Button Component Exercise

  • Flex Box Lecture

  • Flex Exercise

  • Flex Column Lecture

  • Flex Exercise II

  • Analyzing Layouts Lecture

  • Tailwind Docs Lecture

  • Analyzing Layouts Exercise

  • Search Page Design Exercise

  • Event Handling & State Lecture

  • Click Event Exercise

  • Conditional Rendering Exercise

  • Counter Exercise

  • Light Switch Exercise

  • Image Carousel Exercise

  • Cat Carousel Exercise

  • Outro

Watch the full course on the freeCodeCamp.org YouTube channel (5-hour watch).