import { If, Then, Else } from 'react-render-actions'; <If condition={2 < 3}> <Then> <p>2 is smaller than 3</p> </Then> <Else> <p>2 isn't smaller than 3</p> </Else> </If>

import { When } from 'react-render-actions'; <When condition={2 < 3}> <p>2 is smaller than 3</p> </When>

import { Unless } from 'react-render-actions'; <Unless condition={2 > 3}> <p>2 isn't greater than 3</p> </Unless>

import { Map } from 'react-render-actions'; <Map data={[1, 2, 3]}> {(item, index) => <p key={index}>{item}</p>} </Map>

import { Filter } from 'react-render-actions'; <Filter data={[1, 2, 3]} pattern={(item) => item !== 2}> {(filteredData) => <p>{JSON.stringify(filteredData)}</p>} </Filter>

import { Reduce } from 'react-render-actions'; <Reduce data={[1, 2, 3]} pattern={(prev, next) => prev + next}> {(reducedValue) => <p>{reducedValue}</p>} </Reduce>

import { For } from 'react-render-actions'; <For start={0} comparator={(i) => i < 10} next={(i) => i++}> {(i) => <p key={i}>Hello World!</p>} </For>

import { ForOf } from 'react-render-actions'; <ForOf data={[1, 2, 3]}> {(i) => <p key={i}>{i}</p>} </ForOf>

import { ForIn } from 'react-render-actions'; const data = { name: 'John', age: '21', email: 'john@example.com', }; <ForIn data={data}> {([key, value]) => <p key={key}>{key}: {value}</p>} </ForIn>

import { ForEach } from 'react-render-actions'; <ForEach data={[1, 2, 3]}> {(item) => <p>{item}</p>} </ForEach>

import { While } from 'react-render-actions'; <While test={2 > 1}> <p>Hello World!</p> </While>

import { DoWhile } from 'react-render-actions'; <DoWhile test={2 > 1}> <p>Hello World!</p> </DoWhile>

import { RPromise, Resolve, Reject } from 'react-render-actions'; const promise = {} <RPromise promise={promise}> <Resolve> <p>Resolved!</p> </Resolve> <Reject> <p>Rejected!</p> </Reject> </RPromise>

import { Switch, Case, Default } from 'react-render-actions'; <Switch switchValue="banana"> <Case case="apple"> <p>Apple</p> </Case> <Case case="banana"> <p>Banana</p> </Case> <Case case="pear"> <p>Pear</p> </Case> <Case case="raspberry"> <p>Raspberry</p> </Case> <Default> <p>Fruit not found</p> </Default> </Switch>

import { SetTimeout } from 'react-render-actions'; <SetTimeout enabled timeout={4000}> <p>Hello World!</p> </SetTimeout>

import { SetInterval } from 'react-render-actions'; <SetInterval initialCounter={0} interval={2000}> {(i) => <p>{i}</p>} </SetInterval>