React.Flux.Addons.React

Bindings for the React addons that make sense to use from Haskell. At the moment, that is only the animation and performance tools.

Animation

cssTransitionGroup :: [PropertyOrHandler eventHandler] -> ReactElementM eventHandler a -> ReactElementM eventHandler a

The ReactCSSTransitionGroup element. For example in React 0.14,

cssTransitionGroup ["transitionName" $= "example", transitionAppear @= True, transitionAppearTimeout @= (100 :: Int)] $
    h1_ "Fading at initial mount"

Perf

data PerfAction

An action to start or stop performance measurement. For details, see https://facebook.github.io/react/docs/perf.html.

Constructors

PerfStart

PerfStopAndPrint [PerfPrint]

Instances

Eq PerfAction

Show PerfAction

Generic PerfAction

NFData PerfAction

type Rep PerfAction

data PerfPrint

What to print after stopping performance measurement. See https://facebook.github.io/react/docs/perf.html for documentation.

Constructors

PerfPrintInclusive

PerfPrintExclusive

PerfPrintWasted

PerfPrintDOM

Instances

Eq PerfPrint

Show PerfPrint

Generic PerfPrint

NFData PerfPrint

type Rep PerfPrint

perfToggleButton_ :: [PerfPrint] -> ReactElementM handler ()

A button which when clicked toggles the performance measurement on and off. When the measurement is stopped, the given measurements are printed. If you want more control over the performance tools, you can use perfA directly from your own event handlers.

perfA :: PerfAction -> SomeStoreAction

Convert a performance action into a store action. Use this if you are not using perfToggleButton_.