Skip to content
A simple App Shell starter kit that you can use to get started building your PWA with ReasonML & ReasonReact.
OCaml C++ HTML JavaScript
Branch: master
Clone or download
Latest commit f69def4 Aug 13, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
build Build Aug 12, 2019
lib/es6/src
src Update README Aug 12, 2019
.gitignore Update README Aug 12, 2019
LICENSE Added LICENSE May 26, 2018
README.md Update README Aug 12, 2019
bsconfig.json Convert to Hooks API Jul 10, 2019
demo.gif Added workbox and updated npm scripts. May 26, 2018
package-lock.json Build Aug 12, 2019
package.json Use styled-components Aug 12, 2019
webpack.config.js Use styled-components Aug 12, 2019

README.md

What's New?

  • upgraded to use the Hooks API

CSS Flavors

Description

This project exists to provide a simple example to help you get started building your ReasonReact web application. It's purposely kept small and simple to be easy to follow and change as needed.

Getting Started

npm install
npm start

This will start both bsb and webpack-dev-server (via the cross platform npm-run-all).

Demo

Demo

Tutorial

Building an App Shell (warning: this is somewhat out of date)

Motivation

In my journey to Reason, I was searching for an example ReasonReact web app that demonstrated how to set up things like routing and bsb/webpack configurations. I couldn't find any and decided to share this to help others on their journey.

What's Inside

  • Routing via ReasonReact's Router (and thanks to @thangngoc89 for his excellent gist example)
  • Route transitions (via bindings to ReactTransitionGroup)
  • A navigation drawer that, when open, responds to touch—so you're free to use swiping gestures in your app
  • Simple, cross platform bsb & webpack configurations
  • workbox for service worker generation
  • Multiple flavors of CSS depending (currently styled-components, bs-css, and Sass)

UI Inspiration

You can’t perform that action at this time.