laravel-react-redux-boilerplate

A simple boilerplate for React and Redux with Laravel as API server.

Features

Laravel 5.6: Back-end server framwork.
Laradock: Full PHP development environment for Docker.
React 16: Front-end framework.
Redux 4: React state management.
Boostrap 4: Front-end UI kit.
React Router v4: Declerative routing.
redux-thunk: async Redux action.
styled-components: The best CSS in JS library.
webpack-dev-server: Hot Module Replacement.
ESLint, prettier: Lint JavaScript.
Babel 6: Support ES6 syntax.

Install

$ git clone https://github.com/xxhomey19/laravel-react-redux-boilerplate.git
$ cd laravel-react-redux-boilerplate
$ composer install
$ yarn // or npm install
$ cp .env.example .env
$ php artisan key:generate

Laradock

It is a full PHP development environment for Docker.

For detailed information, please check Laradock official site.

Before starting, make sure you have installed Docker.

Setup

Create .env file for Laradock.

$ cd laradock
$ cp env.example .env

Boot up Nginx and MySQL 5.7

Change MYSQL_VERSION to 5.7 in laradock/.env.
Boot up Nginx and MySQL.

$ docker-compose up -d nginx mysql

Change DB_DATABASE and DB_USERNAME to default in /.env

Close all running Containers

$ docker-compose stop

To stop single container do:

$ docker-compose stop {container-name}

Delete all existing Containers

$ docker-compose down

Migrate

In the project folder

$ php artisan migrate

Development

Open two consoles. One is for webpack-dev-server, and the other is for Laravel server.

The first console:

$ npm run dev

The second console:

$ php artison serve

owenchen / laravel-react-redux-boilerplate