This project I created with Rodrigo Branas in the live about the micro frontends. For this presentation I used single-spa.js, vue.js and react on different micro frontends

Last update: Jan 26, 2022

live-microfrontends-with-branas

Micro Frontend with Rodrigo Branas

This project I created with Rodrigo Branas in the live about the micro frontends. For this presentation I used single-spa.js, vue.js and react on different micro frontends

About

This project was my first live code participation and is about micro frontend architecture. The live was shown on June 30, 2021 with Rodrigo Branas. To demonstrate the architecture, 4 projects were created. First, I created the root project. This project is responsible for calling routes to other micro frontends and injecting dependencies. I created 3 other projects, 2 in react (navbar and app1) and 1 in vue (app2). In the live show I demonstrated how the micro frontend architecture works and how we can use many independent projects and frameworks in the same Dom.

Live show:

IMAGE ALT TEXT

GitHub

https://github.com/sempejunior/live-microfrontends-with-branas
You might also like...

Notes taking Project uses Python (Django, REST API) + React (SPA Frontend) + Docker (Compose).

Notes taking Project uses Python (Django, REST API) + React (SPA Frontend) + Docker (Compose).

Notes taking website. Try it! / But how to run? Description This is monorepository with notes website, with API and Frontend servers. Website provides

Jul 27, 2022

A front-end clone project of the Spotify Web Player. The project was created using React.

Spotify Web Player Clone A front-end clone project of the Spotify Web Player. The project was created using React. This is my first big React.js proje

Aug 3, 2022

Web3-typescript-fullstack: This project demonstrates single transaction and batch transaction use case

Web3-typescript-fullstack: This project demonstrates single transaction and batch transaction use case

Batch Transaction Fullstack ( Localhost:8545 ) This project demonstrates single transaction and batch transaction use case. It comes with a transactio

Jul 20, 2022

A simpe react app that plots a live view of the T-Mobile Home Internet Nokia 5G Gateway signal stats, helpful for optimizing signal.

A simpe react app that plots a live view of the T-Mobile Home Internet Nokia 5G Gateway signal stats, helpful for optimizing signal.

A simpe react app that plots a live view of the T-Mobile Home Internet Nokia 5G Gateway signal stats, helpful for optimizing signal.

Jul 24, 2022

A Live NFT Ticket Minter for the Maxja Festival 2022. Built with React.

A Live NFT Ticket Minter for the Maxja Festival 2022. Built with React.

Maxja-Sardegna The Maxja Festival hosted in Sardegna (Italian spelling) is an annual gathering that brings together a small conscious community (the y

Jun 26, 2022

Papercups is an open source live customer chat web app written in Elixir

Papercups is an open source live customer chat web app written in Elixir

Papercups is an open source live customer chat web app written in Elixir

Aug 2, 2022

A website for all the songs from the Love Live! franchise.

A website for all the songs from the Love Live! franchise.

Raburadio This is the frontend repository for Raburadio, a website to archive all the songs in the Love Live! franchise. A re-write of the PHP-based L

Apr 11, 2022

Weather - Live Weather Prediction using ReactJs

Weather - Live Weather Prediction using ReactJs

Live Weather Prediction using ReactJs Fetches Temperature with location name, Pr

Jan 16, 2022

SyncedStore CRDT is an easy-to-use library for building live, collaborative applications that sync automatically.

SyncedStore CRDT is an easy-to-use library for building live, collaborative applications that sync automatically.

SyncedStore is an easy-to-use library for building collaborative applications that sync automatically. It's built on top of Yjs, a proven, high performance CRDT implementation.

Aug 1, 2022
Micro Frontends - Module federation with Nx
Micro Frontends - Module federation with Nx

juicy-mfe Module Federation을 이용한 Micro Frontend(마이크로 프론트엔드) 아키텍쳐 Monorepo 연습장 입니다. Explore the docs » View Demo · Report Bug · Request Feature Table o

Jun 20, 2022
Math Magicians is a Single Page Application (SPA) created in React that allows users to make simple calculations & Read some famous Quotes
Math Magicians is a Single Page Application (SPA) created in React that allows users to make simple calculations & Read some famous Quotes

Math Magicians is a Single Page Application (SPA) created in React that allows users to make simple calculations & Read some famous Quotes

Apr 14, 2022
storybook-addon-aria-live is a Storybook addon for inspecting ARIA live region announcements

Storybook Addon Aria Live Storybook addon for inspecting ARIA live region announcements storybook-addon-aria-live is a Storybook addon for inspecting

Jan 30, 2022
Completed React & Redux project, releated to a single page app (SPA)
Completed React & Redux project, releated to a single page app (SPA)

Completed React & Redux project, releated to a single page app (SPA), were you can find information of the most popular crypto coins in the market using coingecko API. Including a search bar for filtering the crypto coin you want to match.

Mar 23, 2022
Mathemagician is a web app for all fans of mathematics. It is a Single Page App (SPA) that allows users to make simple calculations and read a random math-related quote.
Mathemagician is a web app for all fans of mathematics. It is a Single Page App (SPA) that allows users to make simple calculations and read a random math-related quote.

"Mathemagician" is a web app for all fans of mathematics. It is a Single Page App (SPA) that allows users to make simple calculations and read a random math-related quote.

Apr 22, 2022
A Single Page App (SPA) that allows users to make simple calculations and read a random math-related quotes.

This is a Single Page App (SPA) that allows users to make simple calculations and read a random math-related quote. The aim of this project is to learn how to use React.

Jul 22, 2022
Bookstore - a project built with React redux, implemented with Ducks files structure and, React Router to interact between the different tabs of the project
Bookstore - a project built with React redux, implemented with Ducks files structure and, React Router to interact between the different tabs of the project

Bookstore is a project built with React redux, implemented with Ducks files structure and, React Router to interact between the different tabs of the project. You can manage information of a book interact with an API.

Mar 23, 2022
flipkart-clone using react js express js mongo db razorpay complete e-commerce website using MERN stack client server MVC architecture redux redux-thunk ecomerce project live example
flipkart-clone using react js express js mongo db razorpay complete e-commerce website using MERN stack client server MVC architecture redux redux-thunk ecomerce project live example

Flipkar Clone MERN stack Sijeesh Miziha's Flipkart Clone is done with top-notch features for the entrepreneur startups like Flipkart it has RazorPay I

Jul 29, 2022
In this project, we will be working with the real live data from the SpaceX API.

In this project, we will be working with the real live data from the SpaceX API. We are going to build a web application for a company that provides commercial and scientific space travel services. The application will allow users to book rockets and join selected space missions.

Dec 6, 2021
Challenge [Frontend Mentor] - In this challenge, JavaScript was used to filter jobs based on the selected categories. Technologies used: HTML5, CSS3 and React.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Apr 13, 2022