Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/null93/react-boilerplate

Boilerplate for ReactJS using ParcelJS Build System
https://github.com/null93/react-boilerplate

babel boilerplate material-ui parceljs react

Last synced: about 3 hours ago
JSON representation

Boilerplate for ReactJS using ParcelJS Build System

Awesome Lists containing this project

README

        

# React-Boilerplate
> Boilerplate for ReactJS using ParcelJS Build System

![](https://img.shields.io/badge/License-MIT-lightgrey.svg?style=for-the-badge)
![](https://img.shields.io/badge/Version-2.0.0-lightgrey.svg?style=for-the-badge)
![](https://img.shields.io/badge/NODE-8-lightgrey.svg?style=for-the-badge)

![](docs/assets/screenshot.png)

### About

This boilerplate is aimed to be super minimal. It is a collection of technologies that help simplify development within the ReactJS framework. This boilerplate comes with the following features:

- Atomic Project Structure
- Material-UI React Library
- React Router Integrated
- ParcelJS Build System
- Roboto Font Installed
- Docker Container For Project
- Docker-Sync & Docker-Compose Files

### Development Enviornment

A [Dockerfile](Dockerfile) exists in the root project directory and can be used on it's own or with technologies such as `docker-sync` and `docker-compose`. Below are some of the different ways you can start developing right away. Once executed, your site should be served on [http://localhost:31415](http://localhost:31415).

##### Local Machine

```shell
yarn install
yarn serve
```

##### Docker Sync & Docker Compose

```shell
# Spin-Up
$ docker-sync start
$ docker-compose up
# Spin-Down
$ docker-compose down
$ docker-sync stop
$ docker-sync clean
```

##### Docker Sync Stack

```shell
# Spin-Up
docker-sync-stack start
# Spin-Down
docker-sync-stack clean
```