Learn to build fast, dynamic single page applications (SPAs) using React. This immersive, instructor-led course gives you the skills to design and build professional-grade React apps from the ground up and helps you with further career progression.
React
Build powerful, dynamic React applications
This 4-day React course is designed for JavaScript developers ready to expand their capabilities. Gain practical and valuable experience building responsive, component-based SPAs and understand modern state management through Redux and Hooks.
Learning objectives:
- Set up a React project from scratch
- Write modern ES6+ JavaScript code
- Create and manage React components
- Use props, state and lifecycle methods
- Build forms with validation
- Route with React Router
- Use Hooks for functional components
- Implement state management with Redux
What you’ll learn
Gain practical skills to confidently develop single page applications using React, with full understanding of components, hooks, routing and state management tools like Redux. You’ll also work with modern JavaScript features, explore core principles like the virtual DOM, and master tools to create robust, scalable applications.
Modern JavaScript foundations
Master the essential ES6+ JavaScript features such as arrow functions, destructuring, classes, promises and modules. Understand how to use modern syntax to write cleaner and more maintainable code.
Explore the benefits of using features like template literals, spread/rest operators, default parameters, and array functions to streamline your code. Learn about transpilers and polyfills, and how to set up your environment with tools like Babel and Webpack for optimal React development.
Building with JSX and components
Learn how to embed JSX within your JavaScript, create and render components, and manage props and state effectively. Understand component composition and inheritance to design modular interfaces.
Differentiate between functional and class components, use type-checking for props, and apply best practices to write scalable and reusable UI elements. You’ll also gain insights into the virtual DOM and how React efficiently updates the user interface.
Managing state and lifecycle
Explore the lifecycle of React components and learn how to lift and manage state. Use hooks as a powerful alternative to class-based state, and write cleaner, reusable logic. Understand state vs. props, component lifecycle methods, and the importance of immutability in state updates.
Learn to refactor class-based components to functional ones using hooks, making your applications more concise and maintainable.
What’s included
- 4 days of live instructor-led training
- Practical hands-on exercises
- Live lab environment
- Digital course materials
- Post-course support
- Certificate of completion
- Access to expert trainers
- Scheduled public dates and private options
Key facts
Ideal for
JavaScript developers looking to build dynamic, component-based web applications with React.
Prerequisites
You should be confident with HTML, CSS and JavaScript fundamentals, including functions, arrays, objects and the DOM. Prior completion of our HTML & CSS and JavaScript Developer courses is recommended.
Learning experience
Our experienced trainers and interactive labs create a focused, practical environment – so you can put theory into practice from day one.
FAQs
This course provides comprehensive, practical training in React. Learn to build SPAs using modern JavaScript, component architecture, routing and advanced state management.
Do I need to know JavaScript before taking this course?
Yes. This course assumes a solid understanding of JavaScript. If you’re not confident yet, we recommend completing our JavaScript Developer course first.
Will I learn how to use React Router?
Yes. You'll cover how to build single page applications with React Router, including nested and dynamic routes.
Does this course cover React Native?
No. This course is focused on web application development using React. React Native is not included.
Will I use Redux in the course?
Yes. You’ll explore state management using both Flux and Redux, including setting up reducers, actions and middleware like Redux Thunk.
What tools will I use during the course?
You’ll work with Node, Webpack, Babel and Create React App, plus tools like Redux DevTools to help you debug and optimise.
Will I learn to use React Hooks?
Yes. The course covers standard and custom hooks, enabling you to manage component logic and local state in functional components.
What our customers say
“Mark was an exceptional trainer. He was patient and delivered the training in a way that was easily digestible.”
Natalie, Utilities
“Tarn's presentation was a good mixture of practical examples and whiteboards, very well explained and he is obviously a subject matter expert. The exercises were really effective in consolidating the learning material.”
Diane, Infrastructure Engineer – Government
Why study with StayAhead
96% customer satisfaction
We combine experience and passion to deliver training that meets the highest standards
30+ years’ experience
Industry-leading specialists delivering high-impact IT training
Experiential instructor-led training
Courses are delivered by experienced instructors using hands-on, practical live labs