Microfrontends with React

Main Speaker

Learning Tracks

Course ID

42560

Date

24/11/2024

Time

Daily seminar
9:00-16:30

Location

Daniel Hotel, 60 Ramat Yam st. Herzliya

Overview

Microservice architecture is an architectural style that structures an application as a collection of services that are highly maintainable and testable, Loosely coupled, Independently deployable, Organized around business capabilities and owned by a small team. Micro-frontends are the answer to today’s increasingly complex web applications. Inspired by the microservices model, this approach lets organizations break interfaces into separate features managed by different teams of developers. In this lecture we will focus on Microfrontends idea, concept, advantages and what kind of options we have to implement this architecture with react based on Microfrontend approach. We will use mainly JavaScript (React) We will also go over a few capabilities in React that will improve our application loading time, new features and development tools.

Who Should Attend

Prerequisites

  1. JavaScript – Advanced knowledge
  2. Typescript – Basic knowledge
  3. js – Basic knowledge
  4. React – Basic knowledge
  5. HTML
  6. CSS

Course Contents

Micro-Frontends & Microservices introduction

  1. What Are Microservices?
  2. Microservices At a Glance
  3. Key Concepts of Microservices
  4. Advantages of Microservices
  5. Should I Use Microservices?
  6. Microfrontend overview & advantages
 

Microfrontend Architecture & Concept

  1. Applying Microservices concept in frontend
  2. Define Microfrontend
  3. Domain driven design
  4. Bounded context definition
  5. Microfrontend routing
  6. Microfrontend communication
 

Micro-frontends Demo with React

 

React new Features & development tools

 
  1. Suspense
  2. Code splitting
  3. New react hooks
  4. Redux toolkit
  5. Vite

The conference starts in

Days
Hours
Minutes
Seconds