Custom scripts for [Create React App](https://github.com/facebook/create-react-app) for generating React component projects written in TypeScript.
Last updated 2 years ago by rturnq .
MIT · Original npm · Tarball · package.json
$ cnpm install @dynrl/create-react-comp-scripts 
SYNC missed versions from official npm registry.


Custom scripts for Create React App for generating React component projects written in TypeScript.

Getting Started

You must have Create React App installed globally see here for documentation.

Note: These steps will assume your new package is named my-component.

  1. create-react-app my-component --scripts-version @dynrl/create-react-comp-scripts
  2. cd my-component
  3. yarn start
  4. Launch a browser and navigate to http://localhost:9000

Available Scripts

  • yarn start - Start the Stroybook server for development
  • yarn build - Transpile to javascript in preperation for publishing
  • yarn test - Run your tests using Jest
  • yarn run format - Format your source files with Prettier
  • yarn run export - Build a standalone Storybook for hosting a demo


Development is handled through Storybook which allows you to write stories which showcase your component for various use-cases. See here for more information abour writing stories.

To launch the Storybook server simply run yarn start then open a browser and navigate to http://localhost:9000. The Storybook server has hot-reloading enabled so changing your component or story can be done while the server is running and the changes will be reflected in the browser.

Stories should be written in TypesScript and the file should end in .story.tsx and be placed in the src directory. It is recommended you place them next to your component with the same name as the component (ex. /src/hello/Hello.tsx has the story /src/hello/Hello.story.tsx).


Testing is performed using Jest and Enzyme. Tests should be written in TypeScript and the file should end in .test.ts(x) or .spec.ts(x). Like stories, it is recommended to place the tests next to your component using the same name.

To test simply run yarn test


Your TypeScript code will be transpiled to JavaScript (for distribution through npm) using Rollup. This must be done before publishing.

To build simply run yarn build



Export Demo


Current Tags

  • 0.1.2-alpha06                                ...           latest (2 years ago)

7 Versions

  • 0.1.2-alpha06                                ...           2 years ago
  • 0.1.2-alpha05                                ...           2 years ago
  • 0.1.2-alpha04                                ...           2 years ago
  • 0.1.2-alpha03                                ...           2 years ago
  • 0.1.2-alpha02                                ...           2 years ago
  • 0.1.2-alpha01                                ...           2 years ago
  • 0.1.1                                ...           2 years ago
Today 0
This Week 0
This Month 8
Last Day 0
Last Week 7
Last Month 0
Dev Dependencies (0)

Copyright 2014 - 2017 © taobao.org |