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
Need help picking the right course?
React, Redux and TypeScript Training Course - 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
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
I liked the fact that the course had exercises. I liked the way Lukasz tried to help each of us and the way he handle the anxiety of some of the other participants. I liked that he was knowledgeable of the subject.
Samuel Irsai - Dunelm
Course - React, Redux and TypeScript
Related Courses
Advanced React
14 HoursThis instructor-led, live training in Nigeria (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 Nigeria (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 Nigeria (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.
Choosing the Right JavaScript Framework
14 HoursThis instructor-led, live training in Nigeria (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.
Testing React Apps with Jest
14 HoursThis instructor-led, live training in Nigeria (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.
Next.js 14 Advanced Development
21 HoursThis instructor-led, live training in Nigeria (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 Nigeria (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: Build Highly Interactive Web Applications
21 HoursIn this instructor-led, live training in Nigeria, 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.
Building Interactive Applications with React, Redux and GraphQL
28 HoursIn this instructor-led, live training in Nigeria, participants will learn how to build React applications using Flux and GraphQL. The course covers installation, setup, integration, testing, deployment and best practices as it walks participants through the creation of a series of sample applications that demonstrate how to add additional levels of complexity and "coolness" to an application using the most advanced toolkits and techniques.
Developing applications with React requires a different kind of thinking, compared to what some developers are accustomed to, especially when coming from the mindset of other MVC frameworks such as AngularJS and Bootstrap.
This training covers the fundamentals behind of the technologies used each step of the way so that participants are not only able to build a functional application, but also understand why a particular approach is used. This lays the groundwork for thinking independently and creatively about the design and the desired results for building their own applications in the future.
React with Next.js
14 HoursThis instructor-led, live training in Nigeria (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.
React Patterns
14 HoursThis instructor-led, live training (online or onsite) is aimed at developers with React skills who wish to optimize and improve their creation of React applications by understanding and applying React's component patterns.
By the end of this training, participants will be able to:
- Understand the different types of React Patterns
- Use React Context API for web 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
- To request a customized training for this course, please contact us to arrange.
- To learn more about React, please visit: https://reactjs.org
Transform a React Application into a Progressive Web App (PWA)
14 HoursThis instructor-led, live training in Nigeria (onsite or remote) is aimed at developers who wish to transform a React application into a Progressive Web App.
By the end of this training, participants will be able to:
- Set up the necessary development environment to start transforming a React application.
- Cache using Service Worker to make a React application work offline.
- Create and style a push notification.
- Install the progressive web app into a mobile device.
React, Relay, and GraphQL
14 HoursThis instructor-led, live training in Nigeria (onsite or remote) is aimed at developers who wish to use GraphQL and Relay to manage data on 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.
TypeScript
7 HoursThis instructor-led, live training in Nigeria 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.