MicroFrontend-Blazor-React

Project that implements the MicroFrontends architecture using Blazor and React

Timestamp

Published on: 28/02/2020

Deployed on: 28/02/2020

It is known that with WebAssembly you can make great tools.

But other SPA like React have more tools to improve development and UX with javascript.

So I wanted to get the best out of the 2 worlds and create a tool worthy of WebAssembly with a Micro Frotends architecture.

With Blazor I managed to run Roslyn in the browser.

So I made a simple C # compiler.

Apart is the dashboard made with React that contains a graph showing the time it takes Roslyn each time she compiles.

Micro Frotends communicate through events. This is how the compiler made with Blazor sends the compilation time to the dashboard made with React.

By doing this project I learned a lot about how Blazor works internally.

I also learned to create a site with the Micro Frontends architecture as indicated by https://micro-frontends.org/ .

I saw on my own the benefits of being able to run C # in the browser.

In a future version I would like to add the following features:

Save compilation times in a state.
Be able to add a VB.NET and F# compiler.
Be able to develop the entire project together in development mode and be able to debug

Production: npm run deploy

Folder:      cd src/react
Development: npm start
Production:  npm run build

Folder:      cd src/blazor/BlazorCompiler
Development: dotnet run
Production:  dotnet publish