Boilerplate to quickstart React component development

Usage no npm install needed!

<script type="module">
  import vugaReactDemo from 'https://cdn.skypack.dev/@vuga/react-demo';


React NPM Package Boilerplate

Boilerplate code for publishing a React NPM package.

  • Bundled with Webpack
  • Develop with Hot Module Replacement (HMR)
  • Includes linting with ESLint
  • Testing with Jest.


  1. Install modules - yarn

  2. Start example and start coding - yarn start

  3. Run tests - yarn test

  4. Bundle with - yarn build

  5. To test if it works correctly in another project you can use npm npm install -S ../react-npm-component-boilerplate Note the relative path

E.g. this folder structure



Adjust your .eslintrc config file to your own preference.

NPM equivalent

yarn npm
yarn npm install
yarn test npm run test
yarn build npm run build


MIT © Dinesh Pandiyan