Awesome

TodoMVC <<< React <<< Redux <<< Recompose $ PureScript

This is an implementation of TodoMVC using the following tools:

Try it live!

Online Demo

The production build is currently deployed via Github Pages. 😎

Why the heck did you …?

…use PureScript?

Front end development can be a stressful activity fraught with inscrutable bugs, race conditions, and endless production errors. PureScript gives you a sound, expressive type system heavily influenced by Haskell and similar to Elm. This gives developers the ability to eliminate runtime errors, take strict control of side effects, and take advantage of powerful functional abstractions.

…use Recompose?

Recompose is an extremely powerful functional toolkit for working with React components that makes heavy use of higher-order components. This makes it easier to work with React in a functional, composable way.

…not use `purescript-redux`?

I wanted to use Redux in a way that is more idiomatic to ML-style languages like PureScript. For example, I wanted to use algebraic data types to represent action types. I decided to take some influence from purescript-redux-utils and use the ADT constructor names to automatically derive the string for Redux’s “type” attribute on actions. This is why I created purescript-mini-redux.

…separate PureScript “Components” from JSX “Views”?

I prefer to structure my applications with a strict functional core and an imperative shell (as influenced by the Destroy all Software talk Boundaries). PureScript acts as the functional core with its sound type checking and well controlled side effects. JSX acts as the imperative shell wrapped around the core to provide the view layer for the Web. This makes it very easy to write views for other platforms like React Native that can share the core business logic and API integration.

Build it!

First, clone the repo:

$ git clone https://github.com/bkonkle/purescript-recompose-todomvc.git

Install dependencies:

$ npm install

Run locally:

$ npm start

License

MIT