henrybuilt-react-library

git clone https://github.com/henrybuilt/henrybuilt-react-library.git 1. npm install 1. npm link 1. npm test 1. 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 1. In Atom, update linter-eslint package setting 'Use global'

Usage no npm install needed!

<script type="module">
  import henrybuiltReactLibrary from 'https://cdn.skypack.dev/henrybuilt-react-library';
</script>

README

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