code-slinger

#code-slinger

Get your React project up and running in 10 seconds with Webpack hot reloading. Boilerplate code is based on Dan Abramov's React Transform Boilerplate.

Version

1.0.0

Basic Usage

10 second method:

mkdir react-project
cd react-project
npm install -g code-slinger
code-slinger bootstrap
code-slinger react-server

Visit localhost:8000.

You get this file structure:

├── .babelrc
├── .eslintrc
├── .gitignore
├── dist
├── index.html
├── node_modules
├── package.json
└── src
    ├── App.js
    ├── colors.js
    └── index.js

Thats it!

Need a production build?

# Bundle is dropped in dist/
code-slinger build

Deeper usage

# Create folder
mkdir react-project
cd react-project

# Create a package.json
npm init

# Install code-slinger and save it
npm install --save code-slinger

# Bootstrap the files
./node_modules/.bin/code-slinger bootstrap

Add this to package.json

// ...
"scripts": {
  "start": "code-slinger react-server",
  "build": "code-slinger build"
},
// ...

Run this:

npm start

Visit localhost:8000.

Want to run a production bundle build?

# Bundle is dropped in dist/
npm run build

CLI Help

Usage: code-slinger <command> [options]

Commands:
  bootstrap     Generate files for running a React project
  react-server  Run the hot reloading development server for your project on
                localhost:8000
  build         Bundle and export your React app to dist/bundle.js

Options:
  -h, --help  Show help                                                [boolean]

MIT License. Lead Maintainer: Michael A Tomcal @matomcal 2016

Libraries Used

Primary libraries used:

• RxJS 5
• Webpack
• Babel 6

...see package.json for more supporting libraries

Contributing

We welcome contributions, pull requests, ideas, bugs and documentation contributions.

If you wish to contribute, please make sure you are familiar with RxJS. Here is a great tutorial. We are also using RxJS 5 beta.