When we start the Micro-Frontend application development. we can use Turborepo to setup the project by
executing the following command in the CMD window or Terminal in the VS Code.
npx create-turbo@latest
By default, the project will create a ui inside the packages folder for crosss project sharing.
if you want to create other sharing library or context project, then we just have to copy the entire ui folder and rename it to store (which is the state-management for the entire application). we can run the following command from the parent level of ui, which should packages folder.
cp -rf ui store
now open the package.json file inside the store folder to modify the following information.
name: "store"
remove all libraries in the dependenices section and unrelated libraries in the devdependencies section.
then add zutand for state management.
now the modified package.json should looks like the one below
You should run pnpm i to link all packages together. Now we should have a share Store acrosss all projects in our MFE application.
No comments:
Post a Comment