React Patterns Training Course
This instructor-led live training, available either online or at your premises, is designed for developers who already have React proficiency and wish to enhance the quality and optimization of their applications by mastering and implementing React component patterns.
Upon completion of this course, participants will be able to:
- Differentiate between various React patterns.
- Effectively utilize the React Context API for building web applications.
Course Format
- Engaging interactive lectures and group discussions.
- Extensive hands-on exercises and practice sessions.
- Practical implementation within a live laboratory environment.
Customization Options
- If you require a tailored version of this course, please get in touch with us to make arrangements.
- For further information on React, visit: https://reactjs.org
Course Outline
Introduction
- Defining React Patterns
- Overview of React Pattern Types
- Fundamental Concepts of React Patterns
Component Patterns
- Exploring diverse patterns such as Container, Presentational, Higher Order Components, and Render Callbacks.
- Leveraging the Context API.
Render Props Pattern
- Constructing components using the Render Props approach.
State Management
- Understanding the distinctions between Global, Component, Relative, and Provided states.
Provider Pattern
- Implementing the Provider Pattern via React Context.
- Utilizing Dependency Injection techniques.
Integrating Multiple Patterns
Summary and Conclusion
Requirements
- Basic understanding of HTML, CSS, and JavaScript.
Target Audience
- Software 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 Malaysia (available online or onsite) targets 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 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 Malaysia (onsite or remote) is designed for developers who need to decide which JavaScript framework to use for developing 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 Malaysia (online or onsite) targets 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 proficiently.
- Create and deploy server-side applications using Node.js.
- Design dynamic and responsive user interfaces with React.
- Integrate front-end and back-end components to build full-stack applications.
- Grasp best practices for migrating legacy systems to modern JavaScript-based platforms.
MERN Fullstack Development
14 HoursThis instructor-led live training, conducted Malaysia (online or on-site), is tailored for web developers aiming to utilize 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.
- 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 Malaysia (online or onsite) is designed for developers who want 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 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 Malaysia (online or onsite) is designed for experienced developers who want to build, deploy, and scale applications using microservices powered by NodeJS and React.
Upon completion of this training, participants will be able to:
- Develop, deploy, and scale applications using various microservices.
- Construct a server-side rendered React application.
- Deploy multi-service applications to the cloud using Docker and Kubernetes.
- Conduct application testing for microservices.
Next.js 14 Advanced Development
21 HoursThis instructor-led live training (online or onsite) is tailored for intermediate to advanced web developers and technical architects who wish to delve into the advancements of Next.js 14 and gain the expertise required 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 Malaysia (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 Malaysia, 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 Malaysia, participants will learn how to build React applications using Flux and GraphQL. The course covers installation, setup, integration, testing, deployment, and best practices, guiding participants through the creation of a series of sample applications. These examples demonstrate how to add additional levels of complexity and sophistication to an application using the most advanced toolkits and techniques.
Developing applications with React requires a different mindset compared to what some developers are accustomed to, particularly those coming from other MVC frameworks such as AngularJS and Bootstrap.
This training covers the fundamentals behind the technologies used at each step, ensuring that participants not only learn to build a functional application but also understand the rationale behind specific approaches. This foundation encourages independent and creative thinking about design and desired outcomes when building their own applications in the future.
React with Next.js
14 HoursThis instructor-led, live training in Malaysia (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.
Transform a React Application into a Progressive Web App (PWA)
14 HoursThis instructor-led, live training in Malaysia (onsite or remote) is designed for developers who wish to convert their React applications into Progressive Web Apps.
Upon completion of this training, participants will be able to:
- Set up the required development environment to begin converting a React application.
- Utilize Service Worker caching 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 highly popular library for developing single-page applications using JavaScript and HTML. It is trusted by major companies such as Facebook, Instagram, Netflix, and The New York Times.
This course introduces the core principles upon which React and other frameworks (such as Angular and Vue.js) are built, while highlighting the unique 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 able to build applications of varying complexity using React, following industry best practices.
React, Relay, and GraphQL
14 HoursThis instructor-led live training in Malaysia (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.