Sen descrición

Konstantin Tarkus cb3bd44650 Update ESLint settings		%!s(int64=10) %!d(string=hai) anos
components	cb3bd44650 Update ESLint settings	%!s(int64=10) %!d(string=hai) anos
content	cb3bd44650 Update ESLint settings	%!s(int64=10) %!d(string=hai) anos
scripts	bdfc82a852 Initial commit	%!s(int64=10) %!d(string=hai) anos
test	bdfc82a852 Initial commit	%!s(int64=10) %!d(string=hai) anos
.babelrc	bdfc82a852 Initial commit	%!s(int64=10) %!d(string=hai) anos
.editorconfig	bdfc82a852 Initial commit	%!s(int64=10) %!d(string=hai) anos
.eslintrc	cb3bd44650 Update ESLint settings	%!s(int64=10) %!d(string=hai) anos
.gitattributes	bdfc82a852 Initial commit	%!s(int64=10) %!d(string=hai) anos
.gitignore	bdfc82a852 Initial commit	%!s(int64=10) %!d(string=hai) anos
LICENSE.txt	bdfc82a852 Initial commit	%!s(int64=10) %!d(string=hai) anos
README.md	cc4c2a5c68 Update README.md	%!s(int64=10) %!d(string=hai) anos
gulpfile.babel.js	4b1cf85faf Fix ESLint warnings	%!s(int64=10) %!d(string=hai) anos
package.json	cb3bd44650 Update ESLint settings	%!s(int64=10) %!d(string=hai) anos
webpack.config.js	3d9881275f Add CSS, postCSS loaders	%!s(int64=10) %!d(string=hai) anos

React Static Boilerplate

Static website generator built on top of React.js and Gulp/Webpack

Features

✓ Generates static .html pages from React components
✓ Generates routes based on the list of files in the /content folder
✓ Next generation JavaScript with Babel
✓ Next generation CSS with postCSS and cssnext
✓ Development web-server with React Hot Loader
✓ Bundling and optimization with Gulp/Webpack
✓ Code-splitting and async chunk loading
✓ Easy deployment to GitHub Pages or Amazon S3

Getting Started

Just clone the repo, install Node.js modules and run npm start:

$ git clone -o upstream https://github.com/koistya/react-static-boilerplate MyApp
$ cd MyApp
$ npm install
$ npm start

Then open http://localhost:3000/ in your browser.

Directory Layout

.
├── /build/                     # The folder for compiled output
├── /components/                # React.js components
├── /content/                   # React.js-based web pages and other assets
├── /node_modules/              # 3rd-party libraries and utilities
├── /scripts/                   # JavaScript code
│   ├── /app.js                 # Startup script
│   ├── /pages.js               # Utility to generate html pages during a build
│   └── /routes-loader.js       # Webpack loader to generate the list of URLs
│── gulpfile.babel.js           # Build automation script(s)
│── package.json                # The list of 3rd party libraries and utilities
└── webpack.config.js           # Configuration for bundling and optimization

How to Test

The unit tests are powered by chai and mocha.

$ npm test

How to Deploy

$ npm run build -- --release    # Builds the project in release mode
$ npm run deploy                # Deploys the project to GitHub Pages

How to Update

You can always fetch and merge the recent changes from this repo back into your own project:

$ git checkout master
$ git fetch upstream
$ git merge upstream/master
$ npm install

Related Projects

React Starter Kit

README.md