Dev Console Common Elements POC
Dev Console Common Elements contains common elements (Header, Footer etc) that all tenants of Dev Console will be required to import and use in order to achieve a common user interface.
How it works
This project is a react app that will look to bind itself onto two elements. Elements with specific ids will need to be set on the tenanat's web pages:
- dev-console-header
- dev-console-header
The Dev Console Common Elements react app will look for these elements when it is loaded and render pre-defined react components onto them.
Development
This project is scaffolded with React, Webpack, Babel. Necessary webpack loaders added as required (css/sass) to preprocess non .js files and babel to transpile react and typescript to .js files.
To develop locally (served through webpack-serve)
npm start
Build and Publish
- Builds out a single js bundle (devconsole.bundle.js)
- Publish onto NPM
- Serve through jsDelivr or other CDN
npm publish