generator-employee-experience

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

1. Install Azure Artifiacts tokens:

   If you are on windows:

   1. run npm install -g vsts-npm-auth
   2. run vsts-npm-auth -config .npmrc from the root of this template

   If you are on mac:

   1. Please follow the "Connect to Feed" steps for:

      1. Framework: https://microsoftit.visualstudio.com/OneITVSO/_packaging?_a=feed&feed=EmployeeExperience
      2. CSEO Coherence: https://dev.azure.com/uifabric/iss/_packaging?_a=feed&feed=iss

2. Run npm install

3. Run npm start to run the My Hub test app

Making your own Micro-Frontend

1. Create or rename the src/HelloWorld.tsx file to your preference

2. 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

3. 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'
   };