This training is for you if...
- you want to improve your front-end skills,
- you want to build application prototypes rapidly,
- you want to create complex and maintainable websites.
Topics covered during this training
- What is React and when to use it?
- Setting up a React project
- JSX and rendering
- Creating React components
- Project design and structuring
- Complex state management with Redux or MobX
- Networking on the client-side
- Routing with React Router
- Creating a real-world React app
About the Training: Modern Front-End with React
During this two-day long training, you will learn how to create a real-life React application from the ground up. On top of that, we will cover the principles behind React and learn how to design and structure complex front-end applications.
By the end of the training, you will be familiar with state management (Redux or MobX) and front-end routing, and you will be comfortable with bootstrapping, developing and scaling React applications.
This training is also available as an in-house, on-site opportunity.
In case you have any questions regarding this training, or you’d like to invite our team to provide a training exclusively for your company, please reach out to us at [email protected] or click the "invite us" button and use the form!
Invite usAgenda
Day 1
1. React primer
- The basics of front-end apps
- What is React and when to use it?
- Introducing the virtual DOM
- The benefits of components
- ES6 and React
2. Setting up a React project
- Introducing create-react-app
- Introducing components
- Mounting an app
- Development and bundling
3. JSX and rendering
- What is JSX and how does it work?
- Introducing the render method and view updates
- When does render run?
4. Creating React components
- Introducing props and state
- Handling events
- Native state management and controlled components
- Lifecycle events and hooks
5. Project design and structuring
- Project structuring
- Stateful and stateless components
- Containers and presentational components
Day 2
6. Complex state management with Redux or MobX
- Why is React’s own setState not enough?
- Actions and reactions
- Async actions and state changes
7. Networking on the client-side
- Handling async networking
- Updating the state
8. Routing with React Router
- Implementing basic routes and links
- Programmatic routing
- Protected routes and redirects
- Handling query parameters
9. Creating a real-world React app
- Rapid and maintainable development
- Quick test deployment with Now
Sign up for the training
In case you have any questions regarding this training, or you’d like to invite our team to provide a training exclusively for your company, please reach out to us at [email protected] or click the "invite us" button and use the form!
Invite UsMeet our instructors

Tamás Kadlecsik
Tamas Kadlecsik is the CEO of RisingStack and an expert on Microservices, Kubernetes and cloud-native technologies. Tamas has delivered more than 20 trainings in the past 3 years, and he's also a popular author:

Péter Czibik
Peter joined RisingStack as one of the first team members 5 years ago. He has been helping companies adopt Node.js via trainings, on-line seminars and inhouse consulting sessions. Check out his blogposts:

Tamás Hódi
Tamas Hodi is a key player at RisingStack in building infrastructures that can scale efficiently. When it comes to DevOps, microservices, AWS or Kubernetes he’s the one we listen to the most.