Modern JavaScript & React: Build Interactive Web Apps
Level up with ES2015+ JavaScript and React. Learn components, hooks, state management, routing and performance best practices.
About this course
React is the most widely used library for building user interfaces on the web. This course assumes you know basic HTML, CSS and JavaScript and takes you to the level expected of a professional front-end developer.
You will first master modern JavaScript features — modules, destructuring, promises and async/await — and then build increasingly complex React applications, learning how to manage state, fetch data, handle forms, optimise performance and write maintainable component architectures.
What you'll learn
- Use modern JavaScript syntax and modules confidently
- Build reusable React components with hooks
- Manage local and global application state
- Fetch, cache and display data from APIs
- Handle forms, validation and routing
- Optimise and test React applications
Syllabus
6 modules · 6 weeks · approx. 33 hours total
Module 1Modern JavaScript
- let/const, arrow functions and destructuring
- Modules and tooling
- Promises and async/await
Module 2React fundamentals
- JSX and components
- Props and state
- Lists, keys and conditional rendering
Module 3Hooks in depth
- useState and useEffect
- useMemo, useCallback and useRef
- Writing custom hooks
Module 4Real-world apps
- Routing
- Forms and validation
- Data fetching and caching
Module 5State and architecture
- Context and global state
- Component design patterns
- TypeScript with React
Module 6Quality and performance
- Testing components
- Performance profiling
- Accessibility best practices
Requirements & who it's for
Prerequisites
- Basic HTML, CSS and JavaScript
Who this is for
- Junior front-end developers
- Back-end developers moving to the front end
- Graduates of web foundations courses
Frequently asked questions
Does the course cover TypeScript?
Yes, a dedicated lesson introduces TypeScript with React so you can use typed components in your projects.
Which React version is used?
The course uses current React with function components and hooks, which is the recommended approach for new projects.
Read before you start
How to Become a Full-Stack Developer in 2026: Skills, Roadmap and Projects
The skills, learning order and portfolio projects that take you from your first HTML page to a job-ready full-stack developer.
Best Programming Languages to Learn in 2026 (and Which to Pick First)
Python, JavaScript, SQL, Go, Rust and more compared — with clear recommendations for every career goal.
You may also like
Learning PathFreeFull-Stack Web Development Learning Path
CourseFreeAI Fundamentals: Concepts, Tools and Real-World Applications
CourseFreePrompt Engineering & Generative AI for Professionals
CourseFree