💫 React Flask (RF)

Fully typed Flask and React applications

Welcome to RF, a strongly-linked Flask and React application template.

RF combines a Flask server, with a React TypeScript UI into a comprehensive full-stack framework for building modern web applications.

RF features a sophisticated types manager that automatically synchronizes Python Type hints and TypeScript interfaces. This means that as you make changes to your API code in the server, RF diligently keeps the API Client up to date.

Built on popular tools

We use cutting edge Python tools including:

• Pydantic 2.0
• Flask 2.3

And our TypeScript is modern too:

• Node 18.17.0
• React 18
• TypeScript 5.1

Both TypeScript and Python hold their positions as two of the most widely used programming languages globally. As a result, they are frequently combined in various projects.

However, setting up a smooth and efficient development environment that integrates these languages can be a cumbersome and time-consuming process, often leading to a subpar developer experience. Thankfully, RF steps in to solve this challenge by through it's sophisticated types manager.

Type-safe productivity boost

RF provides:

• A types manager which keeps the API interface type-safe.
• React: A collection of type-safe API hooks for querying the HTTP API.
• React: No single page app, so bundled JS for the client loads faster.
• Flask: A manager for generating new React pages without any manual effort.
• Flask: View-based routing to reduce the bundle size of JS on page loads.

Currently in development

Before this becomes a fully fledged package, it exists as a decent template that can be forked when you start a new project and worked on from there.

Set up

Fork the code, then run the build and dev command to get started:

git clone git@github.com:beckett-software/react-flask.git
cd react-flask
make build
make dev