react-flux-1.2.3: A binding to React based on the Flux application architecture for GHCJS

Safe HaskellNone
LanguageHaskell2010

React.Flux.Addons.React

Contents

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 :: [PropertyOrHandler eventHandler] -> ReactElementM eventHandler a -> ReactElementM eventHandler a Source #

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 Source #

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

Instances

Eq PerfAction Source # 
Show PerfAction Source # 
Generic PerfAction Source # 

Associated Types

type Rep PerfAction :: * -> * #

NFData PerfAction Source # 

Methods

rnf :: PerfAction -> () #

type Rep PerfAction Source # 
type Rep PerfAction = D1 (MetaData "PerfAction" "React.Flux.Addons.React" "react-flux-1.2.3-8UOTbcm3Gk35sVfOs95d4q" False) ((:+:) (C1 (MetaCons "PerfStart" PrefixI False) U1) (C1 (MetaCons "PerfStopAndPrint" PrefixI False) (S1 (MetaSel (Nothing Symbol) NoSourceUnpackedness NoSourceStrictness DecidedLazy) (Rec0 [PerfPrint]))))

data PerfPrint Source #

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

Instances

Eq PerfPrint Source # 
Show PerfPrint Source # 
Generic PerfPrint Source # 

Associated Types

type Rep PerfPrint :: * -> * #

NFData PerfPrint Source # 

Methods

rnf :: PerfPrint -> () #

type Rep PerfPrint Source # 
type Rep PerfPrint = D1 (MetaData "PerfPrint" "React.Flux.Addons.React" "react-flux-1.2.3-8UOTbcm3Gk35sVfOs95d4q" False) ((:+:) ((:+:) (C1 (MetaCons "PerfPrintInclusive" PrefixI False) U1) (C1 (MetaCons "PerfPrintExclusive" PrefixI False) U1)) ((:+:) (C1 (MetaCons "PerfPrintWasted" PrefixI False) U1) (C1 (MetaCons "PerfPrintDOM" PrefixI False) U1)))

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_.