React Patterns Training Course
This instructor-led live training, available online or onsite, is designed for developers who already possess React skills and wish to enhance and optimize their application development by understanding and applying React's component patterns.
Upon completion of this training, participants will be able to:
- Grasp the various types of React patterns.
- Utilize the React Context API for web applications.
Course Format
- Interactive lectures and discussions.
- Extensive exercises and practical application.
- Hands-on implementation within a live-lab environment.
Customization Options
- To request a customized version of this course, please contact us to make arrangements.
- For more information about React, please visit: https://reactjs.org
Course Outline
Introduction
- What are React Patterns?
- Types of React patterns
- Essential knowledge regarding React patterns
Components Pattern
- Employing various pattern types, such as Container, Presentational, Higher-Order Components, and Render Callbacks.
- Utilizing Context API.
Render Props Pattern
- Creating Render Prop components using the Render Props pattern.
Managing States
- Understanding the distinctions among Global, Component, Relative, and Provided states.
Provider Pattern
- Implementing the Provider pattern with React Context.
- Using Dependency Injection.
Combining Multiple Patterns
Summary and Conclusion
Requirements
- Familiarity with fundamental HTML, CSS, and JavaScript.
Audience
- Developers
Open Training Courses require 5+ participants.
React Patterns Training Course - Booking
React Patterns Training Course - Enquiry
React Patterns - Consultancy Enquiry
Testimonials (1)
The trainer did a great job breaking the ice and took the initiative to encourage everyone to participate. No one was left out, and he was able to adapt well to each person’s difficulties. He made good use of the challenges and questions raised by participants to provide clearer explanations to the whole audience.
Joao Aguiar - INESC TEC
Course - React: Build Highly Interactive Web Applications
Upcoming Courses
Related Courses
Advanced React
21 HoursThis instructor-led, live training in Taiwan (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.
FARM (FastAPI, React, and MongoDB) Full Stack Development
14 HoursThis instructor-led live training (online or onsite) is designed for 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 Taiwan (onsite or remote) is designed for developers who need to determine which JavaScript framework best suits their front-end application development needs.
Upon completion of this training, participants will be able to:
- Configure an optimal development environment to initiate front-end application development.
- Create demo applications to evaluate the strengths and limitations of a JavaScript framework.
- Identify the most suitable JavaScript framework for their needs.
JavaScript, Node JS and React Bootcamp (Beginner to Intermediate Level)
35 HoursThis instructor-led, live training in Taiwan (online or onsite) is designed for beginner-level .NET developers who aim to acquire proficiency in JavaScript, Node.js, and React to actively develop and migrate systems/platforms.
Upon completion of this training, participants will be able to:
- Effectively write and debug JavaScript code.
- 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.
MERN Fullstack Development
14 HoursThis instructor-led, live training in Taiwan (online or onsite) is targeted at web developers who wish 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.
- Construct 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 Taiwan (online or onsite) is designed for developers who wish to use React to develop, test, and deploy micro-frontends for large web applications, ensuring they are highly scalable, technology-agnostic, and easier to maintain.
By the conclusion of this training, participants will be capable of:
- Establishing the necessary development environment to begin creating micro-frontends with React.
- Gaining a comprehensive understanding of micro-frontend architecture, core concepts, and benefits.
- Acquiring the skills to build, integrate, test, and deploy micro-frontends using React.
- Implementing micro-frontends via module federation.
- Applying production-grade CI/CD pipeline workflows.
- Identifying common CSS issues within micro-frontends and learning how to resolve them.
- Gaining insights into integrating other frontend frameworks alongside React.
Building Microservices with NodeJS and React
21 HoursThis instructor-led, live training in Taiwan (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 Taiwan (online or onsite) is designed for intermediate to advanced web developers and technical architects who aim to explore the latest advancements in Next.js 14 and acquire the expertise needed to construct state-of-the-art web applications.
Upon completion of this training, participants will be able to:
- Harness the full potential of Next.js 14 to build complex applications.
- Utilize modern features such as Middleware, React Server Components, and Edge Functions.
- Implement industry best practices for performance, scalability, and SEO.
- Effectively troubleshoot common issues encountered in Next.js applications.
Next.js 14 - Advanced
21 HoursThis instructor-led, live training in Taiwan (online or on-site) is designed for advanced-level developers who aim to master the latest features in Next.js 14, optimize performance, and implement modern React techniques.
Upon completion of this training, participants will be able to:
- Implement advanced React hooks and concurrent features.
- Effectively understand and utilize Next.js routing strategies.
- Leverage Server Components, Server Actions, and hybrid rendering approaches.
- Optimize data fetching, caching, and incremental static regeneration.
- Utilize 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 to meet Web Core Vitals standards.
- Efficiently test, monitor, and deploy Next.js applications.
React: Build Highly Interactive Web Applications
21 HoursIn this instructor-led live training in Taiwan, we demonstrate React's power and flexibility, compare it to alternative frameworks, and guide participants step-by-step through the creation of their own React application.
By the end of this course, participants will be able to:
- Grasp React's underlying design philosophy.
- Determine when and where it is appropriate to use React, and when to reconsider the traditional MVC model.
- Understand core React concepts such as components, props, state, and lifecycle.
- Implement supporting 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 Taiwan, 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 Taiwan (available online or onsite) is designed for web developers aiming to utilize Next.js to build React applications.
Upon completion of this training, participants will be capable of:
- Building server-side web applications and static sites using Next.js.
- Managing and storing data with MongoDB.
- Securing web applications using Auth0 authentication.
Transform a React Application into a Progressive Web App (PWA)
14 HoursThis instructor-led, live training in Taiwan (onsite or remote) is designed for developers who want to convert a React application into a Progressive Web App.
By the end of this training, participants will be able to:
- Set up the required development environment to begin transforming a React application.
- Implement caching via Service Worker to enable offline functionality for a React application.
- Create and style push notifications.
- Install the Progressive Web App on a mobile device.
React, Redux and TypeScript
21 HoursReact is a popular library for building single-page applications using JavaScript and HTML. It is utilized by major companies such as Facebook, Instagram, Netflix, and The New York Times.
This course introduces the foundational concepts underlying React and other libraries like Angular and Vue.js, while highlighting the unique aspects of React. It also covers technologies commonly used alongside React, such as Redux and React Router.
Upon completing this course, participants will be equipped to build applications of varying complexity using React, adhering to industry best practices.
React, Relay, and GraphQL
14 HoursThis instructor-led live training in Taiwan (onsite or remote) is aimed at 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 management for React applications.
- Deliver instant UI-response interactions.
- Aggregate data from multiple libraries into one convenient API.
- Pre-fetch using GraphQL and Relay.