React Training - 4 days online classroom
2.650,00 EUR
- 4 days
Build modern, responsive web applications with React and develop the practical front-end skills used by today’s leading development teams. This hands-on React training course introduces learners to component-based application development using React, JavaScript, JSX, hooks, routing, forms, APIs, and state management.
Key Features
Language
Course material in English
Level
Beginner - Intermediate level
4 days of live instructor-led
Virtual training (8 hours / day)
Hands-on coding challenges
Access to a fully equipped live coding lab
60+ recommended study hours
Program completion certification included
Learning Outcomes
At the end of this program, you will be able to:
Build Modern React Applications
Learn how to create fast and maintainable single-page applications using React, JSX, functional components, hooks, and modern JavaScript features. You’ll also explore the virtual DOM and component-based architecture for building scalable user interfaces.
Forms & Event Handling
Develop practical skills in handling forms, user input, validation, and events using controlled and uncontrolled components, refs, and third-party form libraries.
Routing & Navigation
Use React Router to create smooth single-page application navigation with dynamic routes, nested routes, redirects, protected routes, and programmatic navigation.
State Management with Redux
Learn how to manage application state using Redux, including actions, reducers, stores, and middleware such as Thunk and Saga for handling asynchronous operations and debugging.
Course timeline
Day 1
Session 1: Introduction to React
- React fundamentals
- Babel and Create React App
- Project setup and structure
Session 2: Modern JavaScript
- Single-page applications and ES6 features
- Variables, functions, classes, and modules
- Template literals and destructuring
- Promises, generators, sets, and maps
- Functional JavaScript and TypeScript basics
Session 3: JSX & Element Rendering
- Virtual DOM and JSX
- Rendering elements
- Working with lists and keys
Session 4: Components & Props
- Functional and class components
- Props and component state
- Type checking
- Composition and inheritance
Day 2
Session 5: State & Lifecycle
- State and props management
- Adding and lifting state
- Component lifecycle methods
- Immutability concepts
Session 6: Event Handling
- Event handler assignment and binding
- Passing arguments to handlers
- Custom events and synthetic events
Session 7: Forms
- Controlled and uncontrolled components
- Using refs in forms
- Form validation and libraries
- Forms with JSX
Session 8: React Router
- React Router fundamentals
- Core routing components
Day 3
Session 9: Hooks
- Reusing stateful logic with hooks
- Functional vs class components
- Managing local state with hooks
- Standard and custom hooks
- Rules of hooks
Session 10: Further React
- React testing and performance optimization
- Production build and deployment
- Refs and DOM access
- React patterns and authentication
- JSON Web Tokens (JWT)
- Working with third-party components
Day 4
Session 11: Flux
- Flux architecture and concepts
- Flux components and data flow
- Flux utilities and implementations
Session 12: Introducing Redux
- Redux fundamentals and architecture
- Actions, reducers, and stores
- Redux data flow
Session 13: Redux & React
- Setting up React Redux
- React Redux components and data flow
- Redux recipes and DevTools
Session 14: Further Redux
- Redux middleware
- Redux Thunk and Redux Saga
Who Should Enroll in this Program?
Front-end web developers
JavaScript developers moving into React
Full-stack developers expanding front-end skills
Software developers building modern web applications
UI developers working with single-page applications
Technical professionals interested in modern JavaScript frameworks
Prerequisites
- Basic to intermediate JavaScript knowledge
- Understanding of HTML and CSS fundamentals
- Familiarity with programming concepts such as variables, functions, and loops
- Basic knowledge of ES6 JavaScript features is beneficial
- Prior experience with web development is recommended but not mandatory
Statements
Licensing and accreditation
The course is offered according to Partner Program Agreement and complies with the License Agreement requirements.
Equity Policy
Candidates are encouraged to reach out to AVC for guidance and support throughout the accommodation process.
Frequently Asked Question
Need corporate solutions or LMS integration?
Didn't find the course or program which would work for your business? Need LMS integration? Write us, we will solve everything!