Concur
A brand new client side Web UI framework for Haskell that explores an entirely new paradigm. It does not follow FRP (think Reflex or Reactive Banana), or Elm architecture, but aims to combine the best parts of both.
Documentation
Work in progress tutorials are published in the Concur Documentation site
Installation
It has three backends -
-
React based, called concur-react. You can use the Concur-React Quickstart Template to quickly get started.
An example of using Native React Widgets is here - Drag Drop Sortable List Widget (React) - Demo - Demonstrates Concur binding to React-Sortable-Tree.
-
Virtual-Dom based, called concur-vdom. (Bitrotten). You can use the Concur-Vdom Quickstart Template to quickly get started.
-
Replica (i.e. remote virtual-dom) based, called concur-replica. Created and maintained by pkamenarsky. Head to its project page for more information.
Performance
Access some performance benchmarks here - https://ajnsit.github.io/concur-benchmarks/
Ports to other languages
Concur's model translates well to other platforms.
- Concur for Purescript - An official port to Purescript which is well maintained.
- Concur for Javascript - An official but experimental port to Javascript.
- Concur for Python - An unofficial and experimental port to Python. Uses ImgUI for graphics. Created and Maintained by potocpav.
Examples
- Click Counting Example - Demo - Count total number of clicks on the page, with a button that increments the click count by 10, and also autoincrement clicks every second.
- TodoMVC Example - Demo - The canonical TodoMVC example, with views modeled after the one in Elm.
- Mario Example - Demo - Port of the Mario example from Elm.
- High/Low Game (Virtual-dom) - Demo - An extremely simple number guessing game in 15 lines of code.
- High/Low Game (React) - Demo - The same HiLo game, using the React backend.
- Kirby Super Star Ultra Splits Timer GUI Challange - Demo - Concur implementation of the KSSU Splits Timer GUI Challenge. Shows a moderately complex UI that's not a todolist!
- Menu Widget (React) - Demo - Builds a generic menu widget in 10 lines of code.
- Drag Drop Sortable List Widget (React) - Demo - Demonstrates Concur binding to React-Sortable-Tree. A good example of reusing existing React components in Concur.
- Your first 8 Concur Pipes Widgets (React) - Demo - Your first 8 Concur Pipe programs! Inspired from the mighty Fudgets' - http://www.altocumulus.org/Fudgets/Intro/