React, Redux and TypeScript Training Course
React is a widely-used library for creating single page applications in JavaScript and HTML. It is used by companies such as Facebook, Instagram, Netflix or the New York Times.
This course will introduce the foundations on which React and other libraries (like Angular and Vue.js) are based on and highlight the sepecifics of React. It will also cover technologies that are commonly used with React, like Redux and React-Router.
By the end of this course participants will be able to build applications of various complexity with React while adhering to best practices.
Course Outline
Development of modern front-end applications
- overview and similarities of React, Angular, Vue.js
- declarative rendering
- components - defining custom HTML tags
- using create-react-app to initialize a React project
Modern JavaScript
- developing using node.js and npm
- JavaScript versions
- working with modules
- functions and arrow functions
- classes
- functional programming in JavaScript (map, filter, ...)
TypeScript
- static vs dynamic typing
- declaring types of variables, functions and classes
- basic data types
- tuples, objects
- interfaces
- generics
React template language
- JavaScript-based template language: JSX
- setting element properties
- repeating elements
- if / else
- events
- CSS classes and styles
Managing state in React
- setting and changing the application state
- using the state hook and setState
- capturing the content of input elements in the state
Components: Building blocks of modern web applications
- defining custom HTML tags in React
- state, props & events
- data flow between components
- function components and class components
- using hooks in function components
- component lifecycle events (mount, update, unmount)
- including predefined components from a library
State management with Redux
- Redux basics: state mangment with pure functions, reducers and immutable data
- using the reducer hook in React
- integrating Redux into a React application
- presentational and container components
- the Redux ecosystem
- handling asynchronous events with Thunk
- fetching data from a REST API
Developer tools and testing
- React developer tools
- Redux developer tools
- Testing JavaScript with Jest
- Testing reducers
- Testing React components
React Router
- client-side routing
- displaying different views based on the current browser route
App development with React
- short overview of React Native
- creating an installable mobile and desktop application with Progressive Web Apps
- comparison of Progressive Web Apps and native apps
Requirements
- HTML basics
- experience with JavaScript
Open Training Courses require 5+ participants.
React, Redux and TypeScript Training Course - Booking
React, Redux and TypeScript Training Course - Enquiry
React, Redux and TypeScript - Consultancy Enquiry
Consultancy Enquiry
Testimonials (7)
The details amout, way of explaning and the calm and confidence the trainer is inspiring.
Cosmin Ghergheles - Ness
Course - React, Redux and TypeScript
Łukasz patience
Stroila Adrian Emilian
Machine Translated
It covered the basic components
Valentin
Course - React, Redux and TypeScript
Lukasz's enthusiasm.
Eloise Phelps - Dunelm
Course - React, Redux and TypeScript
How Luke made a good effort to helping people individually when they were having problems running the code. Luke was extremely friendly and got a long well with the course participants.
Jonathan Grout - Dunelm
Course - React, Redux and TypeScript
The engagement from the trainer with all the participants was great, everyone got help at some stage of the course. It was a great experience overall, specially for people not familiar with the subject.
Tayyab Ejaz Mushtaq - Dunelm
Course - React, Redux and TypeScript
I liked the fact it felt like a safe environment and I didn't feel intimidated sharing my screen and my struggles with the trainer or the group.
Wanda Hawkins-Kavanagh - Dunelm
Course - React, Redux and TypeScript
Provisional Upcoming Courses (Contact Us For More Information)
Related Courses
Advanced React
14 HoursThis instructor-led, live training in Belgium (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.
Advanced TypeScript
7 HoursThis instructor-led, live training in Belgium (online or onsite) is aimed at developers who wish to use TypeScript's advanced features to create and build JavaScript applications.
By the end of this training, participants will be able to:
- Set up the necessary development environment to start developing TypeScript and Node.js applications.
- Take advantage of Typescript's advanced capabilities to write clean, expressive code with fewer errors.
- Configure and use Webpack with TypeScript to build complex front-end UIs.
- Use custom data types (Union, Intersection, Tuple Types, etc.) to extend existing generic types.
- Implement asynchronous code patterns and APIs for error handling and validating responses.
- Deploy TypeScript and Node.js applications to production environments (AWS EC2, Heroku, etc.).
Ant Design
7 HoursThis instructor-led, live training in Belgium (online or onsite) is aimed at developers who wish to use Ant Design to enhance the User Experience for their React application.
By the end of this training, participants will be able to implement Ant Design's React components to develop beautiful enterprise-class web applications.
FARM (FastAPI, React, and MongoDB) Full Stack Development
14 HoursThis instructor-led, live training in (online or onsite) is aimed at developers who wish to use the FARM (FastAPI, React, and MongoDB) stack to build dynamic, high-performance, and scalable web applications.
By the end of this training, participants will be able to:
- Set up the necessary development environment that integrates FastAPI, React, and MongoDB.
- Understand the key concepts, features, and benefits of the FARM stack.
- Learn how to build REST APIs with FastAPI.
- Learn how to design interactive applications with React.
- Develop, test, and deploy applications (front end and back end) using the FARM stack.
Choosing the Right JavaScript Framework
14 HoursThis instructor-led, live training in Belgium (onsite or remote) is aimed at developers who need to decide which JavaScript framework to use to develop front-end applications.
By the end of this training, participants will be able to:
- Set up an optimal development environment to start developing front-end applications.
- Implement demo applications to test the limitations and benefits of a JavaScript framework.
- Decide on which JavaScript framework is the best fit.
JavaScript, Node JS and React Bootcamp (Beginner to Intermediate Level)
35 HoursThis instructor-led, live training in Belgium (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.
Testing React Apps with Jest
14 HoursThis instructor-led, live training in Belgium (onsite or remote) is aimed at engineers who wish to use Jest to test React applications and components.
By the end of this training, participants will be able to:
- Install and configure a proper testing environment.
- Write asynchronous tests for React apps and components.
- Run Jest advanced tests that include mocking, spies and stubs.
MERN Fullstack Development
14 HoursThis instructor-led, live training in Belgium (online or onsite) is aimed at web developers who wish to use the MERN Stack for fullstack development.
By the end 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.
Building Micro Frontends with React
21 HoursThis instructor-led, live training in Belgium (online or onsite) is aimed at 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.
Building Microservices with NodeJS and React
21 HoursThis instructor-led, live training in Belgium (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.
Next.js 14 Advanced Development
21 HoursThis instructor-led, live training in Belgium (online or onsite) is aimed at intermediate-level to advanced-level 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.
Next.js 14 - Advanced
21 HoursThis instructor-led, live training in Belgium (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.
React with Next.js
14 HoursThis instructor-led, live training in Belgium (online or onsite) is aimed at web developers who wish 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.
TypeScript
7 HoursThis instructor-led, live training in Belgium introduces TypeScript's key features and walks participants through the construction of a real-life JavaScript application.
Typescript Unit Testing
14 HoursTypeScript is an open source language for building enterprise Javascript applications. It is a strict superset of JavaScript that compiles to plain Javascript and brings static typing and object-oriented development to the language.
This instructor-led, live training introduces TypeScript's unit testing features and frameworks. Participants get a chance to put theory to practice by constructing a collection of unit tests that can be run against real-life applications.
Format of the Course
- Interactive lecture and discussion.
- Lots of exercises and practice.
- Hands-on implementation in a live-lab environment.
Course Customization Options
- This course will focus on the frameworks that can be used to unit test a Javascript or Typescript application (Jasmine, Mocha, Jest, Chai, etc.).
- UI frameworks such as React are optional and can be covered if desired.
- To request a customized training for this course, please contact us to arrange.