Become proficient in the essentials of building responsive, high-performance single page applications (SPAs) with React. This expert-led course equips you with the tools and techniques needed to design professional-level apps and enhance your development career.
15% off eLearning, up to 20% off virtual courses - use code: NSWOCT25USA
View courses
edf939ef-1efb-4c3a-aad3-1c6016a0cdd4
React
Select your learning method
Enhance your development skills with React
Across four proactive days, this React training course helps experienced JavaScript developers deepen their knowledge. You'll build SPAs using component-driven architecture and develop advanced state management using Hooks and Redux.
Learning objectives:
- Initialise React projects using modern development tools
- Apply ES6+ JavaScript features across your codebase
- Build apps with modular, interactive UI components
- Handle data flow using props, state and lifecycles
- Construct accessible forms with dynamic validation behaviour
- Design seamless navigation using routing components
- Integrate Hooks for local state and logic reuse
- Control complex app state using Redux architecture
What you’ll learn
Learn to build fast, maintainable single-page apps with React. Gain hands-on experience with functional components, hooks, and state control using Redux. You’ll also explore JSX, modern JavaScript syntax, and the inner workings of the virtual DOM, giving you the skills to create high-performing, modular interfaces.
Forms and event handling
Develop skills in building and validating forms, managing user inputs and events, using controlled and uncontrolled components, and integrating third-party form libraries. Learn how to handle synthetic events, bind event handlers efficiently, and pass arguments through event handlers. Use refs effectively for DOM access and explore techniques for form validation and error handling.
Routing and navigation text
Use React Router to build seamless single page application experiences. Understand core routing components and how to handle navigation, redirects, and dynamic routes. Learn about nested routes, route parameters, protected routes, and programmatic navigation. Implement intuitive page structures and enable smooth transitions that enhance user experience.
State management with Redux
Learn the Redux architecture, how to manage global state with actions, reducers and the store. Use middleware like Thunk and Saga to handle asynchronous operations in your apps. Understand the core principles behind unidirectional data flow and integrate Redux with your React components using the React-Redux bindings. Gain hands-on experience with Redux DevTools for state inspection and debugging.
What’s included
- Four days of expert-led, interactive virtual training
- Hands-on coding challenges to deepen learning
- Access to a fully equipped live coding lab
- Downloadable digital training resources
- Ongoing help after the course ends
- Certificate confirming successful participation
- Guidance from experienced, professional instructors
Key facts
Ideal for
Designed for developers who want to create fast, interactive web apps using a component-driven approach with React.
Prerequisites
You’ll need a solid grasp of HTML, CSS, and core JavaScript, especially arrays, objects, functions, and DOM manipulation. Completing our HTML & CSS and JavaScript Developer courses beforehand is advised for best results.
Learning experience
Our experienced trainers and interactive labs create a focused, practical environment – so you can put theory into practice from day one.
FAQs
Gain practical experience with React and modern JavaScript while learning to develop single-page applications. This course covers component structure, routing techniques and tools like Redux for managing complex application state.
Do I need experience with ES6 before taking this React course?
Some familiarity is helpful, but the course covers modern JavaScript features like arrow functions, destructuring, promises, and modules in early sessions.
Can I use React Router to build a single page application?
Absolutely. The course teaches how to use React Router to manage routing, redirects, and dynamic routes in SPAs.
Will I work with tools like Webpack and Babel?
Yes. You'll use Webpack and Babel during setup and development to compile modern JavaScript and optimise your workflow.
What’s the difference between class and functional components in React?
The course explains both, focusing on functional components with hooks as the modern, preferred approach.
How is state managed in React applications?
You'll explore multiple approaches to managing state, including local state with hooks and global state using Redux and Flux patterns.
What our customers say
“Tarn is an excellent instructor. Everything was clearly communicated. One of the best courses I have attended in recent years.”
Simon, Senior DBA – Government
“Course was informative and well-paced. Instructor was knowledgeable and explained the concept in a clear and well thought out manner.”
Tony, Programmer – Academic
Why study with ILX
500,000+ learners
Join the half a million learners developing their skills with our training
5,000+ businesses
A trusted partner to thousands of organisations worldwide
96% customer satisfaction
Our passionate team goes above and beyond to support customer needs
Quote request
Please complete the form to ensure your quote is accurate and we will contact you soon.
For the best prices, get in touch!