An open API service indexing awesome lists of open source software.

https://github.com/thinktankshark/react-webpack-jsx-babel-eslint

A React skeleton using Webpack, Babel, JSX and Airbnb ESlint
https://github.com/thinktankshark/react-webpack-jsx-babel-eslint

Last synced: 3 months ago
JSON representation

A React skeleton using Webpack, Babel, JSX and Airbnb ESlint

Awesome Lists containing this project

README

        

# react-webpack-jsx-babel-eslint
A React skeleton using Webpack, Babel, JSX and Airbnb ESlint Starter Kit

This is a simple [React](https://facebook.github.io/react/), [Webpack](http://webpack.github.io/) and [Babel](https://babeljs.io/) application with nothing else in it.

### What's in it?

Just a simple [ClientApp.jsx](./js/ClientApp.jsx), [webpack.config.js](./webpack.config.js), [index.html](./index.html) file, [Airbnb ESlint Style](./eslintrc) and [server.js](./server.js).

### To run

* You'll need to have [git](https://git-scm.com/) and [node](https://nodejs.org/en/) installed in your system.
* Fork and clone the project:

```
> $ git clone https://github.com/ThinkTankShark/react-webpack-jsx-babel-eslint
```

Then install the dependencies:

```
> $ npm install
```

Install webpack and the development server:

```
> $ npm i webpack-dev-server webpack -g
```

You can simply run webpack build using this command:

```
> $ npm run build
```

If you want to run with webpack-dev-server simply run this command:

```
> $ npm run dev
```

Open the web browser to `http://localhost:8080/`

Please contribute to the project if you think this can be done better in anyway!