React Patterns Training Course
This instructor-led, live training (available online or on-site) is designed for developers with React experience who want to optimise and enhance their React application development by mastering 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 the React Context API in web applications
Course Format
- Interactive lectures and discussions.
- Abundant exercises and hands-on practice.
- Real-time implementation in a live lab environment.
Course Customisation Options
- To request a customised training session for this course, please contact us to make arrangements.
- To learn more about React, please visit: https://reactjs.org
Course Outline
Introduction
- What are React Patterns?
- Types of React Patterns
- Basic knowledge about React Patterns
Components Pattern
- Using multiple pattern types such as Container, Presentational, Higher-Order Components, and Render Callback
- Using the Context API
Render Props Pattern
- Creating Render Prop components using the Render Props Pattern
Managing State
- Understanding the differences between Global, Component, Relative, and Provided State
Provider Pattern
- Implementing the Provider Pattern with React Context
- Using Dependency Injection
Combining Multiple Patterns
Summary and Conclusion
Requirements
- Familiarity with basic 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
Provisional Upcoming Courses (Require 5+ participants)
Related Courses
Advanced React
21 HoursThis instructor-led, live training in New Zealand (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 (available online or on-site) is designed for developers eager to harness the FARM (FastAPI, React, and MongoDB) stack to build dynamic, high-performance, and scalable web applications.
By the conclusion of this training, participants will be able to:
- Establish the essential development environment integrating FastAPI, React, and MongoDB.
- Grasp the core concepts, features, and advantages of the FARM stack.
- Learn how to construct REST APIs using FastAPI.
- Master the art of designing interactive applications with React.
- Develop, test, and deploy both front-end and back-end applications using the FARM stack.
Choosing the Right JavaScript Framework
14 HoursThis instructor-led, live training in New Zealand (onsite or remote) is designed for developers who need to determine which JavaScript framework to use for building front-end applications.
By the end of this training, participants will be able to:
- Set up an optimal development environment to begin building front-end applications.
- Implement demo applications to evaluate the limitations and benefits of a JavaScript framework.
- Decide which JavaScript framework best suits their needs.
JavaScript, Node JS and React Bootcamp (Beginner to Intermediate Level)
35 HoursThis instructor-led, live training in New Zealand (online or on-site) is designed for 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.
MERN Fullstack Development
14 HoursThis instructor-led, live training in New Zealand (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 authorisation and authentication.
Building Micro Frontends with React
21 HoursThis instructor-led, live training in New Zealand (online or on-site) is designed for developers who wish to use React to develop, test and deploy micro-frontends for large-scale 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 begin building micro-frontends with React.
- Understand the architecture, core concepts and advantages of micro-frontends.
- Learn how to build, integrate, test and deploy micro-frontends using React.
- Implement micro-frontends using module federation.
- Apply a production-grade CI/CD pipeline workflow.
- Identify common CSS-related issues in micro-frontends and how to resolve them.
- Gain insights into implementing other frontend frameworks alongside React.
Building Microservices with NodeJS and React
21 HoursThis instructor-led, live training in New Zealand (available online or on-site) is designed for experienced developers who wish to build, deploy, and scale applications using microservices constructed with NodeJS and React.
By the end of this training, participants will be able to:
- Develop, deploy, and scale applications using a variety of microservices.
- Build a server-side rendered React application.
- Deploy multi-service applications to the cloud using Docker and Kubernetes.
- Conduct application testing specifically for microservices.
Next.js 14 Advanced Development
21 HoursThis instructor-led, live training in New Zealand (delivered online or on-site) is designed for intermediate to advanced-level web developers and technical architects who wish to explore the latest advancements in Next.js 14 and gain the knowledge needed to build cutting-edge web applications.
By the end of this training, participants will be able to:
- Unlock the full potential of Next.js 14 for building complex applications.
- Leverage the latest features, including Middleware, React Server Components, and Edge Functions.
- Apply 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 New Zealand (online or on-site) is designed for advanced-level developers who want to master the latest features in Next.js 14, optimise 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 effectively utilise Next.js routing strategies.
- Leverage Server Components, Server Actions, and hybrid rendering approaches.
- Optimise 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.
- Optimise application performance for Web Vitals Core Metrics.
- Test, monitor, and deploy Next.js applications efficiently.
React: Build Highly Interactive Web Applications
21 HoursIn this instructor-led, live training in New Zealand, 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:
- Understand React's design philosophy.
- Decide when and where it makes sense to use React, and when to reconsider the conventional MVC model.
- Grasp key React concepts such as components, props, state, and lifecycle.
- Implement complementary technologies like 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 New Zealand, 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 guides participants through the development of a series of sample applications. These examples demonstrate how to add layers of complexity and "coolness" to an application by leveraging the most advanced toolkits and techniques available.
Developing applications with React requires a different way of thinking, particularly for developers accustomed to other MVC frameworks such as AngularJS and Bootstrap.
This training covers the fundamental principles behind each technology used throughout the process, ensuring that participants not only learn to build functional applications but also understand why specific approaches are chosen. This foundation empowers them to think independently and creatively about design and desired outcomes when building their own applications in the future.
React with Next.js
14 HoursThis instructor-led, live training in New Zealand (delivered online or on-site) is designed for web developers who wish to use Next.js to build React applications.
By the end of this training, participants will be able to:
- Develop server-side web applications and static sites using Next.js.
- Manage and store data with MongoDB.
- Secure a web application using AuthO authentication.
Transform a React Application into a Progressive Web App (PWA)
14 HoursThis instructor-led, live training in New Zealand (on-site 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.
- Use Service Workers to cache resources and enable offline functionality in 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 trusted by leading companies such as Facebook, Instagram, Netflix, and The New York Times.
This course introduces the foundational concepts underlying React and similar libraries like Angular and Vue.js, while highlighting the specific features of React. It also covers technologies commonly paired with React, such as Redux and React-Router.
By the end of this course, participants will be equipped to build applications of varying complexity using React, following industry best practices.
React, Relay, and GraphQL
14 HoursThis instructor-led, live training in New Zealand (on-site or remote) is designed for developers who wish to leverage 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 begin data management for React applications.
- Deliver instant UI-response interactions.
- Aggregate data from multiple libraries into a single, convenient API.
- Implement pre-fetching using GraphQL and Relay.