Flask-React-Gcloud: A Python repository from wilsonsk

This is project aims at establishing a template that most closely resembles the industry standard in regards to configuring the stack and the application of Webpack and modularization (such as CSS modules) to take advantage of the single page nature of Reactjs as intended.

A skeleton for building Python applications on Google App Engine with Flask, React, Webpack and Babel.

Run Locally

Install the App Engine Python SDK. You'll need python 2.7 and pip 1.4 or later installed too.

Clone this repo with

 https://github.com/wilsonsk/Flask_React_Gcloud.git

Install Python dependencies in the project's lib directory and install Node dev dependencies. Note: App Engine can only import libraries from inside your project directory.
```
cd Flask_React_Gcloud
pip install -r requirements.txt -t lib
npm install
```

React-Dom and React create local modules (instead of using CDN)

npm install --save react react-dom
npm install --save prop-types

Webpack parts and merge for a degree of abstraction, you can define webpack.config.js for higher level configuration and webpack.parts.js for configuration parts to consume
```
npm install webpack-merge --save-dev
```
CSS Loader and Style-loader enables CSS updating without full browser refresh
```
npm install css-loader style-loader --save-dev
```
Webpack --watch enables automatic updating of the webpack output file to bypass manual invocation
```
webpack --watch
hit ctrl-c after
```
Run local server from the command line:
```
dev_appserver.py .
```
Visit the application http://localhost:8080

or
```
python main.py
```
And visit the application on http://localhost:5000

See the development server documentation for options when running dev_appserver.

Deploy

To deploy the application:

Use the Admin Console to create a project/app id. (App id and project id are identical)
Deploy the application with
```
gcloud app deploy
```
Congratulations! Your application is now live at your-app-id.appspot.com

Relational Databases and Datastore

To add persistence to your models, use NDB for scale. Consider CloudSQL if you need a relational database.

Installing Libraries