Creating a New Hub App
If you are new to React we recommend following MDN's Getting started with React
If you want to create an app without using @iqmetrix/cra-template, you can follow Creating a New React App
#
Prerequisites- A configured development environment
- A repository to host your code (GitHub or Azure DevOps). Your team lead or tech lead will have permissions to create a repository.
Configuring your environment
You only need to follow the common environment's configuration for React projects.
#
Bootstrap Your AppCreate a create-react-app application using the @iqmetrix/cra-template package.
You can add the
--use-npm
option to skip usingyarn
, which is default forcreate-react-app
Run this script and navigate to http://localhost:9000/#dev to see your application running within the Hub shell.
Serving your app
It uses @iqmetrix/hub-dev-server to proxy all application requests to the specified app host.
#
Inside of your new AppThe @iqmetrix/cra-template has all the necessary configurations and packages for you to get started. Check the API page to see what is inclused.
#
React-devtoolsThe react-devtools is already configured from the template. To run your app with the devtools enabled, you can do:
#
Next Steps- Learn about the Hub Shell
- Follow the Best Practises for development
- Implement your application using the functions and components provided by frontend-packages and documented under API.
- If you need a function, component, or utility, submit a feature request
- If you experience a bug, submit a bug report
- Consider contributing new features
- Test your application
- Build and release your application
- Add your application to the sidebar
- Follow the guidelines to owning an app