henrybuilt-react-library

henrybuilt-react-library

Development Setup

• git clone https://github.com/henrybuilt/henrybuilt-react-library.git
• npm install
• npm link
• npm test
• set up eslint
  • 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
  • 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

• npm install --save henrybuilt-react-library
• import {Form, .....} from 'henrybuilt-react-library'
• If developing while using:
• 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
• Inside henrybuilt-react-library 2. npm link 1. npm start