Welcome to My Hub template
This template should be used to create one or more Micro-Frontend Apps for My Hub.
To create your own Host App, please use the "Examples" template
Run the template
-
Install Azure Artifiacts tokens:
If you are on windows:
- run
npm install -g vsts-npm-auth
- run
vsts-npm-auth -config .npmrc
from the root of this template
If you are on mac:
-
Please follow the "Connect to Feed" steps for:
- Framework: https://microsoftit.visualstudio.com/OneITVSO/_packaging?_a=feed&feed=EmployeeExperience
- CSEO Coherence: https://dev.azure.com/uifabric/iss/_packaging?_a=feed&feed=iss
-
Run npm install
-
Run npm start
to run the My Hub test app
Making your own Micro-Frontend
-
Create or rename the src/HelloWorld.tsx
file to your preference
-
Update the /config.js
file:
This is only used for debugging locally
If you have changed your component name to HeyWorld, your config.js file should look like:
const dynamicComponents = {
'hey-world': './src/HeyWord.tsx'
};
Note that this requires restarting the app
-
Update the /host/Config.ts
This is only used for debugging locally
If you have changed your component name to HeyWorld, your Config.ts file should look like:
export const Config: IComponentConfig = {
name: 'HeyWorld',
script: '/bundles/hey-world.js'
};