henrybuilt-react-library

Development Setup

1. git clone https://github.com/henrybuilt/henrybuilt-react-library.git
2. npm install
3. npm link
4. npm test
5. set up eslint
   1. npm i -g eslint babel-eslint eslint-config-henrybuilt eslint-config-react-app eslint-plugin-flowtype eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react
   2. In Atom, update linter-eslint package setting 'Use global'

Examples

in henrybuilt-react-library you can run npm start at top level (to basically watch for changes), navigate to ./example, and run npm start (to run a development server)

The first time you do it, you’ll need to run npm install in ./example

this should be added to every time a new component is added - I did this for Farhad’s data and time-picker. It’s a good way to manually test without linking.

Usage

1. npm install --save henrybuilt-react-library
2. import {Form, .....} from 'henrybuilt-react-library'
3. If developing while using:
4. Inside your package folder 1. npm link henrybuilt-react-library 2. npm start - IMPORTANT to restart the dev server after linking if it's already running
5. Inside henrybuilt-react-library 2. npm link 1. npm start