To use component

''' npm install --save react-modal-simple

import MenuIcon from 'common-react-components' import 'common-react-components/dist/MenuIcon.css'

'''

To run example demo locally

• npm start

• localhost:3001

To build and deply demo

1. To build dist of demo - npm run build

2. To deploy demo to ghpages - npm run deploy

OR

1. npm run publish-demo (combines above steps)

To publish to npm again

1. Increment package version

2. npm publish

3. npm run publish-demo

Resources

Step by step instruction to publish component to npm from scratch - https://medium.com/dailyjs/building-a-react-component-with-webpack-publish-to-npm-deploy-to-github-guide-6927f60b3220

Also, do the following -

1. Install prop-types as dev dependency - npm install prop-types -D

2. Install as dev dependency, to run es6. npm install babel-preset-stage-2 -D

3. Update .babelrc config, add plugins

.babelrc { "presets": ["env", "react"], "plugins": [ "transform-object-rest-spread", "transform-class-properties", ] }

Note, for this repo - Cannot publish to gh-pages since repo is private. Make it public to put on gh-pages.