Modern Front‑End with
React Training
RisingStack is your webdev partner for the AI age.
Modern Front‑End with
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.
We’ll help you build it better and faster. Talk to an expert ->
Clients said about us:
"RisingStack has been a great partner for us in carrying out various software development and integrations projects. They are deeply knowledgeable, flexible and reliable. They work hard to make sure that the relationship stays strong by soliciting feedback and communicating regularly."
Patrick Flanagan
COO at Administrate
"We’ve worked many times with Risingstack and we’ve achieved success every time. Their professional team has a very deep knowledge of Node.js and Kubernetes among many other technologies. Both consulting, developing and training sessions covered exactly what we needed, delivered on time. Experienced exceptional communication skills, flexibility and a customer-first mindset make them an awesome partner to work with."
Gabor Nadai
Head of Engineering at ingatlan.com
"At Instructure we're building Canvas, the world's leading LMS system which is used by half of the world's top 50 Universities. We engaged 4 developers from RisingStack to build a critical core functionality in our distributed system. Besides delivering high-quality code, RisingStack helped us train new staff, carried out code-reviews and made suggestions on improving our infrastructure."
Marton Csikos
Director of Engineering, Canvas / Instructure
Agenda
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
We’ll help you build it better and faster. Talk to an expert ->
Case studies & Node.js tutorials
Explore Real-World Applications and Learn Best Practices with RisingStack's In-Depth Guides
Async Await in Node.js – How to Master it?
Learn how to use async await in Node.js (async functions) to simplify your callback or Promise based application.
RedwoodJS vs. BlitzJS: The Future of Fullstack JavaScript Meta-Frameworks
RedwoodJS & BlitzJS are meta-frameworks that provide tooling for creating SPAs, server-side rendered pages & statically generated content, providing a CLI to generate e2e scaffolds.
Serving Millions of Users in Real-Time with Node.js & Microservices
Learn how we fixed a nasty bottleneck in a large Node.js Microservices infrastructure, and how we scaled it so it could serve 1000s of requests per second.
Got a project in mind?
Alternatively, you can reach us at LinkedIn or info (at) risingstack.com.
© 2026 All Rights Reserved.