Safe Haskell	None
Language	Haskell2010

React.Flux.Addons.React

Contents

Animation
Perf

Description

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

Synopsis

Animation

cssTransitionGroup :: CSSTransitionProps -> ReactElementM eventHandler a -> ReactElementM eventHandler a Source

The ReactCSSTransitionGroup element. At the moment, only the high-level API is supported.

data CSSTransitionProps Source

The properties for the CSS Transition Group.

Constructors

CSSTransitionProps
Fields transitionName :: String transitionAppear :: Bool transitionEnter :: Bool transitionLeave :: Bool

defaultTransitionProps :: CSSTransitionProps Source

Default properties for CSS Transition Group, using "react-transition" as the transition name.

Perf

data PerfAction Source

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 Source
Show PerfAction Source
Generic PerfAction Source
NFData PerfAction Source
type Rep PerfAction Source

data PerfPrint Source

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 Source
Show PerfPrint Source
Generic PerfPrint Source
NFData PerfPrint Source
type Rep PerfPrint Source

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

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 Source

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