React + Flask starter kit

A quick starter repo that includes Flask and React, with Babel and Webpack. For proof-of-concept projects, workshop settings, etc where you don't want to worry about developer setup or writing config files.

TLDR; for the quick and dirty setup, install your dependencies:

pip install virtualenv
virtualenv venv; source venv/bin/activate
pip install -r requirements.txt
npm install -g webpack; npm install

Then in two separate tabs run

python app.py

webpack --watch

js/Hello.js

app.py

These steps are explained in more detail below.

Prerequisites

You'll need some package managers.

• npm

• pip

Setup

For the backend:

virtualenv venv
source venv/bin/activate
pip install -r requirements.txt

For the frontend:

If you don't have webpack, install it:

npm install -g webpack

Then, use

npm

npm install

Development

The entry point for the app is in

js/app.js

js/Hello.js

While developing on the frontend, run

webpack --watch

Running

webpack

static/bundle.js

The "backend" here is a bare-bones Flask app. Look in

app.py

To run the application, follow the steps in the next section.

Running the app

If you're using a virtualenv, activate it.

source venv/bin/activate

Then run the Flask app:

python app.py