1.0.0 • Published 7 years ago

react-component-library-tutorial v1.0.0

Weekly downloads
2
License
ISC
Repository
github
Last release
7 years ago

###Description This is the React component UI Library Boiler Plate.

###Tech Stack node.js + webpack + babel + react

###Installation Run npm install

###Start Dev Server npm start

###Npm Scripts Included npm start - builds & watches the UMD. npm run build - builds only the UMD file. File is exported as index.js in root for including as a Node Package. npm run build-min - builds the UMD minified file and is exported as reactUMD.min.js in the root directory.

###File Structure (from root) src/components - contains all components and each component is self contained in it's own directory. src/build.js - is used for building the UMD files. index.js is used for the webpack-dev-server for testing. src/index.html - used with the webpack-dev-server for testing src/scss - contains global sass files & variables index.js - main file for Node Package. server.js - webpack-dev-server. Bundles to localhost:1337 webpack.config.js - config file for building the UMD file webpack.dev.config.js - config used for the webpack-dev-server

Notes

Sass-loader process is based on https://www.bensmithett.com/smarter-css-builds-with-webpack/. dummy Json seed data can be stored in seeds dir and loaded with webpack's json-loader. Just 'import' the json files.