Reactjs sample
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
server
src
tools
.babelrc
.editorconfig
.eslintrc
.gitattributes
.gitignore
.jscsrc
Procfile
README.md
index.ejs
package.json
webpack.config.js

README.md

techdencias-react-sample

ReactJS sample with Github API. Demo

Table of Contents

  1. Installation
  2. Developing
  3. Building
  4. Linting
  5. Dependencies
  6. Credits

1. Installation

Install all the dependencies for the project.

npm install

2. Developing

Creates a bundle and a develop server with the app and hot reload.

It will create a linter watcher in es6 files.

npm start
open http://localhost:3000

3. Building

3.1 Normal build

The build process will generate the minified files for a production enviroment. These files will be saved into the build folder.

It will generate a .js file for the vendor libraries (installed as dependencies at the package.json) with vendor.[hash].js name.

The app .js file with app.[hash].js name.

And the styles with styles.[hash].css.

It will also generate the respective map file for each one.

npm run build

3.2 Building with stats

Building in this way, it will generate a stats.json file with webpack build details.

These files can be uploaded to webpack analyse tool for a more detailed visual info.

npm run stats

4. Linting

This boilerplate project includes React-friendly ESLint configuration.

npm run lint

5. Dependencies

6. Credits