Get in Touch

Course Outline

Introduction

  • React vs Angular and other Frameworks

Understanding React

  • JSX, Components and Props, the Component Life Cycle, and more
  • Distinguishing between application state and data state

Writing React Applications with ES6

  • Syntax and key ES6+ features to note

Setting up the Development Environment

Overview of Node.js

Installing and Configuring Node.js

Overview of Webpack and Babel

  • Understanding "transformation" (converting JSX into JavaScript)

Installing and Configuring Webpack

Installing and Configuring Babel

Installing React and ReactDOM

Creating Your First React Application

Configuring Webpack to Monitor Source File Changes

Configuring npm as a Task Runner

Extending the React Application with New Components

Implementing Flux and Redux Architecture in a React Application

Understanding Flux and Redux

  • Stateless Components, Actions, Reducers, Dispatchers, Middleware, Containers, and more

Building Multiple Views in the React Application

Installing and Configuring Redux

Creating a Simple To-do List with Flux/Redux (using a mock server API)

Integrating a Backend with Your React Application: GraphQL and Apollo

Overview of GraphQL

  • Data Types, Schemas, Graph Structure, and Integration with React
  • Limitations of RESTful Routing
  • GraphQL vs SQL

Writing a GraphQL Query

Authenticating Users

Integrating React Router with GraphQL

Building a Simple Blog with React and GraphQL

Testing Your React Application

Processing React Applications with npm Command-line Scripts

Troubleshooting

Structuring the App Repository

Best Practices for Writing React Code

Deploying Your React Application

A Note on Mobile Applications with React Native

Summary and Conclusion

Requirements

  • Experience in web application development
  • Programming experience with JavaScript
  • Familiarity with React

Audience

  • Developers
 28 Hours

Number of participants


Price per participant

Open Training Courses require 5+ participants.

Testimonials (2)

* The hands-on approach, which helped us understand the subject matter better. * The teacher's flexibility in covering topics that are relevant to our use cases.

Juan Rial - Cegeka NV
Course - Building Interactive Applications with React, Redux and GraphQL

Although I had a pretty good knowledge of the subject already, I found out a lot useful stuff during the course.

Stefan-Lucian Bucur - Cegeka NV
Course - Building Interactive Applications with React, Redux and GraphQL

Upcoming Courses

Building Interactive Applications with React, Redux and GraphQL

2026-06-25 09:30
28 hours
Green Heart Complex
1080 EUR (Online)
1080 EUR (Classroom)

Building Interactive Applications with React, Redux and GraphQL

2026-07-09 09:30
28 hours
Green Heart Complex
1080 EUR (Online)
1080 EUR (Classroom)

Building Interactive Applications with React, Redux and GraphQL

2026-07-23 09:30
28 hours
Green Heart Complex
1080 EUR (Online)
1080 EUR (Classroom)

Related Courses

Advanced React

 21 Hours

This instructor-led, live training in Serbia (online or onsite) is aimed at developers who wish to build React components and design complex applications.

By the end of this training, participants will be able to:

  • Understand React's advanced concepts, including context APIs, HOCs, external state, asynchronous APIs, etc.
  • Build composable components with React.
  • Enable server side and client side authentication.
  • Implement React and Redux libraries to manage complex stateful applications.
  • Reduce code and optimize an application's performance.
  • Test and deploy an application.
Read more...

FARM (FastAPI, React, and MongoDB) Full Stack Development

 14 Hours

This instructor-led, live training (available online or onsite) targets developers who want to utilize the FARM (FastAPI, React, and MongoDB) stack to create dynamic, high-performance, and scalable web applications.

By the conclusion of this training, participants will be able to:

  • Configure the necessary development environment integrating FastAPI, React, and MongoDB.
  • Comprehend the key concepts, features, and benefits of the FARM stack.
  • Build REST APIs using FastAPI.
  • Design interactive applications with React.
  • Develop, test, and deploy applications (both front end and back end) using the FARM stack.
Read more...

GraphQL Basics

 7 Hours

In this instructor-led live training held in Serbia, participants will explore the fundamental concepts of GraphQL by practically creating a simple API with GraphQL.

By the end of this session, participants will be able to:

  • Define GraphQL and distinguish it from REST.
  • Understand essential GraphQL terminology.
  • Set up a development environment for GraphQL.
  • Build and enhance a GraphQL API.
Read more...

Choosing the Right JavaScript Framework

 14 Hours

This instructor-led live training, conducted either onsite or remotely in Serbia, is designed for developers who need to select the appropriate JavaScript framework for front-end application development.

By the end of this training, participants will be able to:

  • Set up an efficient development environment to initiate front-end application development.
  • Implement demo applications to assess the limitations and benefits of a JavaScript framework.
  • Determine which JavaScript framework best suits their requirements.
Read more...

JavaScript, Node JS and React Bootcamp (Beginner to Intermediate Level)

 35 Hours

This instructor-led, live training in Serbia (online or onsite) is aimed at beginner-level .NET developers who wish to gain proficiency in JavaScript, Node.js, and React to actively develop and migrate systems/platforms.

By the end of this training, participants will be able to:

  • Write and debug JavaScript code effectively.
  • Build and deploy server-side applications using Node.js.
  • Develop dynamic and responsive user interfaces with React.
  • Integrate front-end and back-end components to create full-stack applications.
  • Understand best practices for migrating legacy systems to modern JavaScript-based platforms.
Read more...

MERN Fullstack Development

 14 Hours

This instructor-led live training in Serbia (available online or onsite) targets web developers who aim to utilize the MERN Stack for fullstack development.

By the conclusion of this training, participants will be able to:

  • Integrate React with MongoDB, Express, and Node.js.
  • Build a fullstack web application from scratch.
  • Implement application security through authorization and authentication.

Read more...

Building Micro Frontends with React

 21 Hours

This instructor-led, live training in Serbia (online or onsite) targets developers who wish to use React to develop, test, and deploy micro-frontends for large web applications, making them highly scalable, technology agnostic, and easier to maintain.

By the end of this training, participants will be able to:

  • Set up the necessary development environment to start developing micro-frontends with React.
  • Understand the architecture, core concepts, and advantages of micro-frontends.
  • Learn how to build, integrate, test, and deploy micro-frontends with React.
  • Implement micro-frontends with module federation.
  • Apply the CI/CD pipeline production-grade workflow.
  • Know the common issues with CSS in micro-frontends and how to fix them.
  • Get insights on how to implement other frontend frameworks with React.
Read more...

Building Microservices with NodeJS and React

 21 Hours

This instructor-led, live training Serbia (online or onsite) is aimed at experienced developers who wish to build, deploy, and scale applications using microservices built with NodeJS and React.

By the end of this training, participants will be able to:

  • Develop, deploy, and scale applications using different microservices.
  • Build a server-side rendered React application.
  • Deploy multi-service apps to the cloud using Docker and Kubernetes.
  • Perform application testing on microservices.

Read more...

Next.js 14 Advanced Development

 21 Hours

This instructor-led live training in Serbia (online or onsite) is designed for intermediate to advanced web developers and technical architects who wish to explore the advancements of Next.js 14 and gain the knowledge to build cutting-edge web applications.

By the end of this training, participants will be able to:

  • Leverage the full potential of Next.js 14 for building complex applications.
  • Utilize the latest features such as Middleware, React Server Components, and Edge Functions.
  • Implement best practices for performance, scalability, and SEO.
  • Troubleshoot common issues in Next.js applications effectively.
Read more...

Next.js 14 - Advanced

21 Hours

This instructor-led, live training in Serbia (online or onsite) is aimed at advanced-level developers who wish to master the latest features in Next.js 14, optimize performance, and implement modern React techniques.

By the end of this training, participants will be able to:

  • Implement advanced React hooks and concurrent features.
  • Understand and utilize Next.js routing strategies effectively.
  • Leverage Server Components, Server Actions, and hybrid rendering approaches.
  • Optimize data fetching, caching, and incremental static regeneration.
  • Use Next.js as a backend solution with Edge Functions and Edge Runtime.
  • Manage state using React Context, Redux, and atomic state libraries.
  • Optimize application performance for Web Core Vitals.
  • Test, monitor, and deploy Next.js applications efficiently.
Read more...

React: Build Highly Interactive Web Applications

 21 Hours

In this instructor-led live training in Serbia, we demonstrate React's power and flexibility, compare it to alternative frameworks, and walk participants step-by-step through the creation of their own React application.

By the end of this course, participants will be able to:

  • Understand React's design philosophy.
  • Decide when and where it makes sense to use React, and when to rethink the conventional MVC model.
  • Understand React concepts such as components, props, state, and lifecycle.
  • Implement related technologies such as Babel, Webpack, and JSX.
  • Build, test and deploy an interactive web application.
Read more...

React with Next.js

 14 Hours

This instructor-led, live training in Serbia (online or onsite) is designed for web developers who want to use Next.js to create React applications.

By the end of this training, participants will be able to:

  • Develop server-side web applications and static sites in Next.js.
  • Handle and store data with MongoDB.
  • Secure a web application with AuthO authentication.
Read more...

React Patterns

 14 Hours

This instructor-led, live training, available both online and onsite, is designed for developers proficient in React who aim to optimize and enhance their React application development by mastering and implementing various React component patterns.

Upon completion of this training, participants will be able to:

  • Comprehend the different types of React patterns.
  • Utilize the React Context API for web applications.

Course Format

  • Interactive lectures and discussions.
  • Extensive exercises and practical sessions.
  • Hands-on implementation in a live-lab environment.

Course Customization Options

  • For a customized training experience, please contact us to make arrangements.
  • To learn more about React, please visit: https://reactjs.org
Read more...

React, Relay, and GraphQL

 14 Hours

This instructor-led, live training in Serbia (onsite or remote) is designed for developers who wish to use GraphQL and Relay to manage data in React applications.

By the end of this training, participants will be able to:

  • Set up the necessary development environment to start data control for React applications.
  • Deliver instant UI-response interactions.
  • Aggregate data from multiple libraries into one convenient API.
  • Pre-fetch using GraphQL and Relay.
Read more...

Spring Boot, React, and Redux

 14 Hours

This instructor-led live training in Serbia (online or onsite) is aimed at web developers who wish to build functional front-end and back-end web applications with Spring Boot, React, and Redux.

By the end of this training, participants will be able to:

  • Build a front-end application with React and Redux.
  • Create RESTful APIs with Spring Boot.
  • Secure web services with Spring Security and JWT web tokens.
Read more...

Related Categories

React
React
GraphQL
GraphQL
Redux
Redux