Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/temilaj/react-webpack-starter

A really simple boiler plate for creating react applications bundled by webpack (using ES6+, Babel, SASS and webpack development server) ⚛️
https://github.com/temilaj/react-webpack-starter

babel boilerplate es6 es7 react react-app react-boilerplate reactjs sass webpack webpack2 webpack3 yarn

Last synced: 3 months ago
JSON representation

A really simple boiler plate for creating react applications bundled by webpack (using ES6+, Babel, SASS and webpack development server) ⚛️

Host: GitHub
URL: https://github.com/temilaj/react-webpack-starter
Owner: temilaj
License: mit
Created: 2017-05-21T10:44:01.000Z (over 7 years ago)
Default Branch: master
Last Pushed: 2018-12-03T02:35:28.000Z (about 6 years ago)
Last Synced: 2024-09-28T22:06:34.432Z (4 months ago)
Topics: babel, boilerplate, es6, es7, react, react-app, react-boilerplate, reactjs, sass, webpack, webpack2, webpack3, yarn
Language: JavaScript
Homepage:
Size: 159 KB
Stars: 88
Watchers: 5
Forks: 32
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: License.md

Awesome Lists containing this project

README

# React Webpack Starter
[![License: MIT](https://img.shields.io/badge/License-MIT-brightgreen.svg)](https://opensource.org/licenses/MIT)
[![GitHub version](https://badge.fury.io/gh/temilaj%2Freact-webpack-starter.svg)](https://badge.fury.io/gh/temilaj%2Freact-webpack-starter)

A boiler plate for creating react applications bundled by webpack (using ES6+, Babel, SASS and webpack development server)

## Features
+ ES6 and greater => ES5 code transpiling (with Babel)
+ Styling with SASS
+ File bundling with webpack
+ local development with the webpack development server

## Requirements
To run this project, you’ll need to install [node 5 and above](https://nodejs.org/en/). The latest version of Node.js is recommended.

The dependencies of this project are managed with yarn (see installation guide [here](https://yarnpkg.com/en/)). However you can simply use the node package manager, npm for your dependency management.

## Setting up
+ Clone this project to any folder on your local machine
```bash
git clone https://github.com/temilaj/react-webpack-starter.git
```
+ Navigate into the folder name specified
```bash
cd
```

## Installing Packages
+ For those who love yarn
```bash
yarn install
```

+ For those who love NPM
```bash
npm install
```

## Runnning the bundle

```bash
yarn build
```

```bash
npm run build
```
## Running the app in Development

Run `npm start` to intialize and run the webpack development server. Navigate to [http://localhost:3000/](http://localhost:3000). The app will automatically reload if you change any of the source files.

## Running the app in Production

To run the app in production build of the app, use either of the following.

```bash
yarn start
```
or
```bash
npm start
```

## LICENSE