easa / microfront-react-webpack-4 Goto Github PK

View Code? Open in Web Editor NEW

JavaScript 6.42% TypeScript 81.55% Shell 0.13% HTML 8.90% CSS 2.68% Batchfile 0.32%

microfront-react-webpack-4's Introduction

Microfront sample with webpack@4

This is a sample 'monorepo' (also it can be use with multirepo) to demonstrate an microfrontend application using Webpack v4, react, react-app-rewired and material-ui.
Easy to use:

cli:

On root directory use these commands:

npm install to install lerna (the repo manager)
npm run bootstrap this would install dependencies for all packages with the help of leran
npm run build this would build all projects
npm run start this would run project in development mode
npm run publish this would copy files to production folder
npm run start:prod this would run the application that were build at the previous step
npm run clean this would clean repository to a fresh start

if dependencies didn't installed by bootstrap command (because of low node version) then use this:

npm run init this would run npm install on all packages

what to do

install dependencies for all projects
add rewired configs
run the micro frontend project with configs
Show the component of the stock!
add the page for place order (simple one)
add redux middleware`

Requested:

request	status	description
Build run	done	run build on "/", run publish on "/", run start on "/output"
Messaging Hook	done	a simple package to communicate through projects
Auth hook	done	now the login (in another package) is integrated with the container
Theme Hook	idle

Recommend Projects