stem
Build Dynamic Web Apps with React
In 8 weeks, go from beginner to intermediate by building interactive React apps that fetch live data from APIs. Learn components, state, routing, and more. Then deploy your real-world web app online.
Level
Intermediate
Duration
8 Weeks
Format
Group-Based
Target Skills
Introduction to Professional Web Development Tools
Core Curriculum
A step-by-step path that starts with the basics and builds up into real, practical expertise.
Session 01
Introduction to React & JSX
Understanding React and its role in modern web development Setting up a React development environment Introduction to JSX syntax
Session 02
Components & State
Creating functional components Using useState for state management Conditional rendering in React
Session 03
Styling & Component Reusability
Using Tailwind CSS with React Structuring a React project with multiple components
Session 04
Lists, Keys & Forms
Rendering lists using map() Understanding and using key props correctly
Session 05
React Router & Navigation
Creating multiple pages/components Navigating between pages using <Link> and <Route>
Session 06
Fetching Data from APIs
Using fetch to retrieve data Handling promises and asynchronous operations Displaying API data in components
Session 07
Advanced State & Effects
Using useEffect for side effects and data fetching Dependency arrays and re-renders
Session 08
Final Project & Deployment
Using environment variables for API keys Building and deploying React apps (Netlify, Vercel) Presenting your final interactive app
Build what you love.
Real tech skills in a space built for you. No "corporate" talk, just a supportive community where you can be yourself.