/responder-react

Cookiecutter for using Responder with React and frontend routing

Primary LanguageJavaScriptMIT LicenseMIT

Responder React

GitHub license Updates

The awesome new Responder web framework includes great support for serving static files, so this project shows how easy it is to integrate a React single page app.

Features

  • 🍪 quick start – create your own project in less than a minute using cookiecutter (example repo & website)
  • 🚀 quick to launch – use a "Deploy to Heroku" button in the generated README.md (looks like this) – it's magic ✨ (actually multiple buildpacks & a custom build step)
  • 🐳 Docker support – get a dev environment up in no time with docker-compose up
  • 🔨 modern JS tooling – a seamless workflow using Parcel
  • 🔀 frontend routing – using React Router you can elegantly serve different React components on different urls
  • 📻 server routing – trusted old server-side routing still works, so go ahead & build the admin interface without any JS

Usage

You can quickly reuse the scaffolding for your own project using cookiecutter:

pip install -U cookiecutter
cookiecutter gh:metakermit/responder-react # use a project name with no spaces

You will find further instructions in the generated project's README.md, but in short all you do is:

bin/install
bin/start

or

docker-compose up

And you'll have your Responder server serving the React app on http://localhost:5042/. React Router is used for the frontend routing. To demonstrate how the app should work, it consists of two pages:

  • ShoppingList running on /

page 1

  • About running on /about

page 2