Personal tools

Reactive-banana/Examples

From HaskellWiki

< Reactive-banana(Difference between revisions)
Jump to: navigation, search
m (Core Examples: “run” was renamed to “actuate” in the repo.)
(GUI Examples - Very simple)
Line 11: Line 11:
   
 
; [https://github.com/HeinrichApfelmus/reactive-banana/blob/master/reactive-banana-wx/src/Arithmetic.hs Arithmetic.hs]
 
; [https://github.com/HeinrichApfelmus/reactive-banana/blob/master/reactive-banana-wx/src/Arithmetic.hs Arithmetic.hs]
: Minimalistic calculator that can add two numbers. Demonstrates how to read values from text entries and respond to button clicks.
+
: Minimalistic calculator that can add two numbers. Demonstrates how to read values from text entries.
 
[[Image:Reactive-banana-Arithmetic.png]]
 
[[Image:Reactive-banana-Arithmetic.png]]
   
 
; [https://github.com/HeinrichApfelmus/reactive-banana/blob/master/reactive-banana-wx/src/Counter.hs Counter.hs]
 
; [https://github.com/HeinrichApfelmus/reactive-banana/blob/master/reactive-banana-wx/src/Counter.hs Counter.hs]
: A simple counter that can be manipulated with two buttons "Up" or "Down". Demonstrates the <code>accumD</code> function.
+
: A simple counter that can be manipulated with two buttons "Up" or "Down". Demonstrates how to get events from button clicks and how to accumulate values using the <code>accumB</code> function.
 
[[Image:Reactive-banana-Counter.png]]
 
[[Image:Reactive-banana-Counter.png]]
   
Line 23: Line 23:
   
 
; [https://github.com/HeinrichApfelmus/reactive-banana/blob/master/reactive-banana-wx/src/CurrencyConverter.hs CurrencyConverter.hs]
 
; [https://github.com/HeinrichApfelmus/reactive-banana/blob/master/reactive-banana-wx/src/CurrencyConverter.hs CurrencyConverter.hs]
: Simple currency converter. Reads and writes values to text entry widgets in real-time. Demonstrates how to use value recursion in the <code>NetworkDescription</code> monad.
+
: Simple currency converter. Reads and writes values to text entry widgets in real-time. Demonstrates bidirectional controls.
 
[[Image:Reactive-banana-CurrencyConverter.png]]
 
[[Image:Reactive-banana-CurrencyConverter.png]]
   

Revision as of 19:18, 25 March 2012

Examples for the reactive-banana library.

1 Core Examples

SlotMachine.hs
Mainly demonstrates how to set up an event network with your own event loop. Also demonstrates the FRP functionality.
ActuatePause.hs
Demonstrates how to set up an event network with your own event loop and how to pause or resume it.

2 GUI Examples - Very simple

Arithmetic.hs
Minimalistic calculator that can add two numbers. Demonstrates how to read values from text entries.

Reactive-banana-Arithmetic.png

Counter.hs
A simple counter that can be manipulated with two buttons "Up" or "Down". Demonstrates how to get events from button clicks and how to accumulate values using the accumB function.

Reactive-banana-Counter.png

NetMonitor.hs
Minimalistic application that displays network statistics in real time. Demonstrates the fromPoll function.

Reactive-banana-NetMonitor.png

CurrencyConverter.hs
Simple currency converter. Reads and writes values to text entry widgets in real-time. Demonstrates bidirectional controls.

Reactive-banana-CurrencyConverter.png

TwoCounters.hs
Two simple counters. There is only one pair of buttons "Up" or "Down", the button "Switch Counters" allows you to specify which counter should be affected. Reactive-banana-TwoCounters.png

3 GUI Examples - More elaborate

Asteroids.hs
Port of the wxAsteroids example.

Reactive-banana-wxAsteroids.png

CRUD.hs
A toy CRUD (Create/Read/Update/Destroy) application. Demonstrates how to do incremental updates. Of course, this makes the code quite messy, but I think it's still pretty nice. For instance, it was quite easy to add the filter box.

Reactive-banana-CRUD1.png Reactive-banana-CRUD2.png

TicTacToe.hs
A version of TicTacToe with eclectic interface elements, courtesy of Gideon Sireling.

Reactive-banana-TicTacToe.png

Wave.hs
A wave-like pattern. Not the most beautiful code, but it demonstrates that you can generated timed events.

Reactive-banana-Wave.png