Connect Front Ends – Kman Software Docs

Front end connectivity is tested via a localhost.

Note: There is another method – using Module Federation – for micro front ends, however that approach won’t be used for Remote Flow.

Updating container front end to micro front end

Update _src/jsapp/_shared/permissions.js with the menu item as per normal process.
- Note: This will be replaced with an API.
Update RF(section)Menu.tsx as
- Look at an existing menu file for the format
Update RF(section).tsx
- Add the following route code

//Template
<Route path="(route)/*" element={<MicrocomponentContainer component="(micro front end folder name)" API={clientAPI} />} />

//Existing example
<Route path="siteapprovals/*" element={<MicrocomponentContainer component="timeflow-siteapproval" API={clientAPI} />} />

Run micro front end

Navigate to the micro front end folder – not the repo folder

npm run test

Run container front end

Run the same function on the main front end dashboard and then navigate to http://localhost:3000 and go to the menu item.

npm run test

Developers