Week 8: Introduction to React

Learning Objectives: By the end of this week, you will be able to set up a React project with Vite, write JSX, create and compose reusable components, and understand how React organizes your UI into a component tree.

Sessions

Session 1: Introduction to React

Why React, Vite setup, JSX syntax, creating components, and composition

Topics Covered

Why React exists and what problems it solves
Setting up a React project with Vite
JSX syntax and differences from HTML
Creating and exporting React components
Composing components into a component tree
Common patterns for project cleanup and CSS imports