This is an implementation of TodoMVC using the following tools:
The production build is currently deployed via Github Pages. 😎
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.
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.
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.
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.
First, clone the repo:
$ git clone https://github.com/bkonkle/purescript-recompose-todomvc.git
Install dependencies:
$ npm install
Run locally:
$ npm start
MIT