Quickstarts

This is early WIP work to modularize OpenShift's quickstarts https://quickstarts.netlify.app/

Setup

https://github.com/cloudmosaic/quickstarts.git
cd quickstarts
yarn install && yarn build && yarn start

Development Scripts

# Install development/build dependencies
yarn install

# Start the development server
yarn start

# Run a production build (outputs to "packages/module/dist" dir)
yarn build

Localization

Export the i18n instance out so that consumers can switch the library's language to a supported one. Commit

Drawer iframe

For some reason the content within the drawer was in an iframe, I've removed the iframe, see if that breaks anything. Commit

Styling

Need to consolidate all the required bits and pieces for the styling and prune what is not needed. Pulls in styles from various sources: bootstrap, PF3, PF4, custom Commit

Bundle size

Bundle is too heavy, see packages/module/stats.html Commit#1 Commit#2

Files

Provide path to provide quickstart yaml/json files to the components Commit

Save state / local storage

Support saving to local storage (in functional components at the moment). Module exports out a useLocalStorage hook that can be used to save back to local storage.

TODO

Styling (continued)

Need to adjust styles to match OS. Also investigate why the dev app prod build requires patternfly.css to be pulled in.

Federated module

Look into use-case/need and possibly create a federated quickstarts module

Improve HMR

Speed up watching for file changes and reloading dev env

React router

Is react-router-dom needed? See if we can pull it out

Ease yaml dev

See if we can provide a template or generate yaml files so it's easier to author content

Class based components

Add pathway to be consumed in class based components. Add example in dev package. Context / local storage hooks etc equivalents for class based components.

Sync code with latest from OpenShift console

https://github.com/openshift/console/commits/master/frontend/packages/console-app/src/components/quick-starts