nt-react-component-library v1.0.2

Node Tools React Component Library

Custom module to hold reusable React components.

Dependency Injection Express Application

In order for nt-headless-zombie to test any components created in this project a few things must happen. 1) interface.js handles all the dependency injection require for browser component testing 2) tasks tasks/app updates all process env vars for any external and/or injected dependencies

Storybook

Develop and document components in isloation by making appropriate .story.js files for every component.
In order to link external stylesheets to the components, add <link/> with appropriate href in .storybook/preview-head.html
Start storybook using npm run storybook

Tasks

/* app.js */
// use to start an express application for in the browser testing of any component

/* build.js */
// uses rollup and babel to bundle the js ( currently not used )

/* eslint.js */
// lints the src and tasks folders with airbnb with a few overrides

/* nodemon.js */
// manages file change trigger for fast rebuild

/* test.js */
// mocha tests that can also do headless browser test via the `nt-headless-zombie` npm 

/* webpack.js */
// bundle and transforms configuration

scripts

/* package.json scripts */ 

npm run start => make
npm run build => build
npm run eslint => eslint
npm run test => test
npm run view => eslint + nodemod(webpack & app)
npm run app => app
npm run webpack => webpack

Headless Zombie and React Extension Tests

These tests are provided to ensure both nt-headless-zombie and nt-react-extension work correctly.

/* headless zombie
checks the page loads with the correct components
*/
/* react extension
performs a test with older dom manipulation
performs a test with simple React component with the extension added
*/