https://github.com/shidhincr/react-jest-gulp-jspm-seed

:seedling: Seed project for writing ReactJS components in TDD fashion. This seed uses Jest for unit testing, Gulp for building and JSPM as the browser package manager.
https://github.com/shidhincr/react-jest-gulp-jspm-seed

Last synced: about 2 months ago
JSON representation

:seedling: Seed project for writing ReactJS components in TDD fashion. This seed uses Jest for unit testing, Gulp for building and JSPM as the browser package manager.

• Host: GitHub
• URL: https://github.com/shidhincr/react-jest-gulp-jspm-seed
• Owner: shidhincr
• Created: 2015-05-06T13:33:59.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2017-03-08T10:19:21.000Z (over 7 years ago)
• Last Synced: 2024-06-19T07:02:35.158Z (3 months ago)
• Language: JavaScript
• Homepage:
• Size: 9.77 KB
• Stars: 24
• Watchers: 4
• Forks: 10
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-seed - react-jest-gulp-jspm-seed - Seed project for writing ReactJS components in TDD fashion. This seed uses Jest for unit testing, Gulp for building and JSPM as the browser package manager. (Seed List / React)

README

        
# ReactJS + JEST + GULP + JSPM - Seed

Seed project for writing ReactJS components in TDD fashion. This seed uses Jest for unit testing, Gulp for building and JSPM as the browser package manager.

**Note:** We use System.js ( comes with JSPM ) for module loading.

## Install

Clone this repo and run npm install

```

git clone [email protected]:shidhincr/react-jest-gulp-jspm-seed.git

npm install

```

## Usage 

There are two main gulp tasks. Run both tasks in two different terminal tabs, so that you can develop the component in TDD way.

**Develop**

```js 

gulp develop

```

This task will open the browser ( using BrowserSync ) and load the `index.html`. It will then wait for any changes in the scripts folder, and reload the browser.

**Test**

```js 

gulp test

```

This task runs the unit tests using `jest`. It will also wait for any changes in the `__tests__` or `scripts` folder to re-run the tests.