Back to courses
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.
Get Started Today
Free consult- Introduction to Professional Web Development Tools
Level Intermediate
Time to complete 8 weeks
Designed to develop
Included in this course
Introduction to React & JSX
- Understanding React and its role in modern web development
- Setting up a React development environment
- Introduction to JSX syntax
Components & State
- Creating functional components
- Using useState for state management
- Conditional rendering in React
Styling & Component Reusability
- Using Tailwind CSS with React
- Structuring a React project with multiple components
Lists, Keys & Forms
- Rendering lists using map()
- Understanding and using key props correctly
React Router & Navigation
- Creating multiple pages/components
- Navigating between pages using <Link> and <Route>
Fetching Data from APIs
- Using fetch to retrieve data
- Handling promises and asynchronous operations
- Displaying API data in components
Advanced State & Effects
- Using useEffect for side effects and data fetching
- Dependency arrays and re-renders
Final Project & Deployment
- Using environment variables for API keys
- Building and deploying React apps (Netlify, Vercel)
- Presenting your final interactive app