React component archetype for builder. It brings a lot of features that help you to make a react component.
It is used by react-component-seed. Please check this project to understand how to use these builder tasks.
You could check builder if you want to understand how it works.
npm install --save-dev builder
npm install --save builder-react-comp
npm install --save-dev builder-react-comp-dev
# .builderrc
---
archetypes:
- builder-react-compbuilder run build:commomjs: Compile the component to ES5. Commonjs module compatible. The output folder is./libbuilder run build:es: Compile the component to ES5. ES2015 module compatible. The output folder is./esbuilder run build:typescript: Compile the component to ES2015. ES2015 module compatible. The output folder is./libTSand generate typescript definition filesbuilder run build: Execute the 3 previous tasks in parallel
builder run serve:playground: Serve the component playground. Checkhttp://localhost:3000😄
builder run test:all: Test the component oncebuilder run test:all:watch: Test the component once and enter in watch mode (usefull for tdd)builder run test:all:coverage: Test the component and generate test coverage
builder run typings:install: Install type definition files
builder run eslint: Run eslint on the projectbuilder run tslint: Run tslint on the projectbuilder run lint: Run the 2 previous tasks
builder run release -- semverCompatibleVersion: Only if you are using git flow. Create a release of the component.semverCompatipleVersionmust be valid according to semver This will updatepackage.jsonand create a git flow release
$ builder help builder-react-comp
Usage:
builder <action> <task(s)>
Actions:
run, concurrent, envs, help
Tasks:
build:commonjs
[builder-react-comp] rimraf ./lib && BABEL_ENV=commonjs babel ./libTs/src --out-dir ./lib --ignore **/__tests__/**,**/*.d.js
build:es
[builder-react-comp] rimraf ./es && BABEL_ENV=es babel ./libTs/src --out-dir ./es --ignore **/__tests__/**,**/*.d.js
build:typescript
[builder-react-comp] rimraf ./libTs && tsc -p .
serve:playground
[builder-react-comp] BABEL_ENV=development node node_modules/builder-react-comp/lib/index serve playground
test:all
[builder-react-comp] BABEL_ENV=commonjs jest --config node_modules/builder-react-comp/config/jest/config.json --colors
test:all:coverage
[builder-react-comp] BABEL_ENV=commonjs jest --config node_modules/builder-react-comp/config/jest/config.coverage.json --colors
test:all:watch
[builder-react-comp] BABEL_ENV=commonjs jest --config node_modules/builder-react-comp/config/jest/config.json --watch --watchExtensions ts,tsx,js --colors
typings:install
[builder-react-comp] typings install
build
[builder-react-comp] builder run build:typescript && builder concurrent build:commonjs build:es
eslint
[builder-react-comp] eslint --color '{playground,src}/**/*.{js,jsx}'
lint
[builder-react-comp] builder concurrent eslint tslint
prepublish
[builder-react-comp] npm run builder:compile
release
[builder-react-comp] node node_modules/builder-react-comp/lib/index release
tslint
[builder-react-comp] tslint -c tslint.json '{playground,src}/**/*.{ts,tsx}'
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent