essential-react 0,0,2,1,0,0,2,0 travis-ci npm

A minimal skeleton for building testable React apps using Babel

Travis branch Coveralls David npm


Deploy

A minimal skeleton for building testable React apps using Babel.

Design Goals

  • Use fewer tools (no yeoman, gulp, bower, etc…)
  • Babel 6 with Webpack and Hot Loader
  • Fast testing with mocked-out DOM
  • Import css files as class names
  • Separate Smart and Dumb components
  • No specific implementation of Flux or data fetching patterns

Getting Started

$ npm install

Start the local dev server:

$ npm run server

Navigate to http://localhost:8080/ to view the app.

Commands

A core philosophy of this skeleton app is to keep the tooling to a minimum. For this reason, you can find all the commands in the scripts section of package.json.

server

$ npm run server

Input: src/main.jsx

This leverages React Hot Loader to automatically start a local dev server and refresh file changes on the fly without reloading the page.

It also automatically includes source maps, allowing you to browse code and set breakpoints on the original ES6 code:

build

$ npm run build

Input: src/main.jsx

Output: build/app.js

Build minified app for production using the production shortcut.

test

$ npm test

Input: test/main.js

Output: coverage/

Leverages ava to execute the test suite and generate code coverage reports using nyc

coveralls

$ npm run coveralls

Input: coverage/lcov.info

Sends the code coverage report generated by nyc to Coveralls.

clean

$ npm run clean

Input: build/app.js

Removes the compiled app file from build.

Changelog

Related Repositories

NativeBase

NativeBase

Essential cross-platform UI components for React Native ...

essential-react

essential-react

A minimal skeleton for building testable React apps using Babel ...

react-essential-course

react-essential-course

ITVDN - React Essential course materials ...

Essential-TDD-BDD-React-list

Essential-TDD-BDD-React-list

List of all TDD / BDD React.js related tutorials / links / repos / slides ...

react-essential-course

react-essential-course

ITVDN - React Essential course materials ...


Top Contributors

pheuter liady harlantwood lolcookie MichalKononenko paulyoung claudiopro

Dependencies

package version
babel-core ^6.5.2
babel-polyfill ^6.5.0
babel-runtime ^6.5.0
express ^4.12.3
react ^15.0.1
react-dom ^15.0.1
react-router ^2.0.0
dev autoprefixer ^6.0.2
ava ^0.12.0
babel-loader ^6.2.4
babel-plugin-transform-runtime ^6.5.2
babel-preset-es2015 ^6.5.0
babel-preset-react ^6.5.0
babel-preset-stage-0 ^6.5.0
babel-register ^6.5.2
coveralls ^2.11.2
css-loader ^0.18.0
enzyme ^2.0.0
extract-text-webpack-plugin ^0.8.2
nyc ^5.6.0
postcss-loader ^0.6.0
postcss-nested ^1.0.0
react-addons-test-utils ^15.0.1
react-hot-loader ^1.3.0
sinon ^1.17.2
style-loader ^0.12.3
webpack ^1.12.14
webpack-dev-server ^1.14.1

Releases

-   v0.5.0 zip tar
-   v0.4.0 zip tar
-   v0.3.0 zip tar
-   v0.2.5 zip tar
-   v0.2.4 zip tar
-   v0.2.3 zip tar
-   v0.2.2 zip tar
-   v0.2.1 zip tar
-   v0.2.0 zip tar
-   v0.1.0 zip tar