React Patterns Training Course
This instructor-led training, available either online or on-site, is designed for developers who already possess React skills and aim to enhance their ability to build React applications. The focus is on gaining a deep understanding of and applying various component patterns within React.
Upon completing this training, participants will be capable of:
- Grasping the various types of React Patterns.
- Effectively utilizing the React Context API for web applications.
Course Format
- Interactive lectures and discussions.
- Ample opportunities for exercises and practice.
- Hands-on implementation within a live-lab environment.
Course Customization Options
- For customized training requests, please contact us to make arrangements.
- For further information on React, please visit: https://reactjs.org
Course Outline
Introduction
- What are React Patterns?
- Types of React Patterns
- Foundational knowledge of React Patterns
Components Pattern
- Utilizing multiple pattern types such as Container, Presentational, Higher Order Components, and Render Callback.
- Using ContextAPI
Render Props Pattern
- Creating Render Prop components through the Render Props Pattern.
Managing States
- Understanding the distinctions among Global, Component, Relative, and Provided States.
Provider Pattern
- Implementing the Provider Pattern using React Context.
- Utilizing Dependency Injection.
Combining Multiple Patterns
Summary and Conclusion
Requirements
- Familiarity with basic HTML, CSS, and JavaScript.
Target 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
14 HoursThis instructor-led, live training in Slovakia (online or on-site) is designed for developers looking to create React components and architect complex applications.
Upon completion of this training, participants will be able to:
- Grasp advanced React concepts, such as Context APIs, Higher-Order Components (HOCs), external state management, and asynchronous APIs.
- Develop composable components using React.
- Implement both server-side and client-side authentication.
- Utilize React and Redux libraries to manage state in complex applications.
- Minimize code volume and optimize application performance.
- Test and deploy applications effectively.
FARM (FastAPI, React, and MongoDB) Full Stack Development
14 HoursThis instructor-led, live training, offered online or onsite, is designed for developers aiming to utilize 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 required development environment integrating FastAPI, React, and MongoDB.
- Understand the core concepts, features, and benefits of the FARM stack.
- Learn how to construct REST APIs with FastAPI.
- Learn how to design interactive applications with React.
- Develop, test, and deploy applications (both front end and back end) using the FARM stack.
Choosing the Right JavaScript Framework
14 HoursThis instructor-led, live training in Slovakia (onsite or remote) targets developers who need to decide which JavaScript framework to utilize 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 Slovakia (online or onsite) is designed for beginner-level .NET developers who wish to gain proficiency in JavaScript, Node.js, and React to actively develop and migrate systems or 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 Slovakia (online or onsite) is targeted at web developers seeking 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 via authorization and authentication.
Building Micro Frontends with React
21 HoursThis live, instructor-led training in Slovakia (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 Slovakia (online or on-site) targets experienced developers interested in building, deploying, and scaling applications using microservices powered by 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 Slovakia (online or onsite) targets intermediate to advanced web developers and technical architects seeking to explore Next.js 14 advancements and gain the knowledge required to build cutting-edge web applications.
By the end of this training, participants will be able to:
- Fully harness the capabilities of Next.js 14 to construct complex applications.
- Utilize modern features including Middleware, React Server Components, and Edge Functions.
- Apply industry best practices for performance, scalability, and SEO.
- Effectively diagnose and resolve common issues within Next.js applications.
Next.js 14 - Advanced
21 HoursThis instructor-led live training in Slovakia (online or onsite) is designed for advanced developers who want to master the latest features of Next.js 14, optimize performance, and implement modern React techniques.
Upon completing this course, participants will be able to:
- Apply advanced React hooks and concurrent features.
- Effectively understand and implement Next.js routing strategies.
- Leverage Server Components, Server Actions, and hybrid rendering techniques.
- Optimize data fetching, caching mechanisms, and incremental static regeneration.
- Utilize Next.js as a backend solution via Edge Functions and Edge Runtime.
- Handle state management using React Context, Redux, and atomic state libraries.
- Enhance 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, 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 Slovakia, participants will learn to build React applications using Flux and GraphQL. The course covers installation, configuration, integration, testing, deployment, and best practices, guiding participants through the creation of sample applications that demonstrate how to add layers of complexity and sophistication using advanced toolkits and techniques.
Developing with React requires a different approach compared to what some developers are accustomed to, especially when coming from an MVC framework mindset such as AngularJS or Bootstrap.
This training covers the fundamental principles behind the technologies used at each step, enabling participants to not only build functional applications but also comprehend why specific approaches are employed. This establishes the groundwork for independent and creative thinking about design and desired outcomes for their own future applications.
React with Next.js
14 HoursThis instructor-led, live training in Slovakia (online or onsite) is designed for 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 Auth0 authentication.
Transform a React Application into a Progressive Web App (PWA)
14 HoursThis instructor-led, live training in Slovakia (onsite or remote) is designed for developers looking to convert their React applications into Progressive Web Apps.
Upon completion of this training, participants will be able to:
- Configure the necessary development environment to begin converting a React application.
- Utilize Service Workers for caching to enable offline functionality in a React application.
- Design and style push notifications.
- Install the Progressive Web App on a mobile device.
React, Redux and TypeScript
21 HoursReact is a popular JavaScript and HTML library for building single-page applications. It is trusted by major companies such as Facebook, Instagram, Netflix, and The New York Times.
This course explores the foundational principles shared by React and other libraries like Angular and Vue.js, while highlighting the unique features of React. It also covers technologies commonly integrated with React, including Redux and React-Router.
Upon completion, participants will be equipped to develop applications of varying complexity using React, following industry best practices.
React, Relay, and GraphQL
14 HoursThis instructor-led, live training in Slovakia (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.