react-mini 

> Create minimalistic react components

Allows you to create thisless react components. With react >= 0.14 stateless function components are supported by react itself. But with react-mini you can create statefull function components.

Install

``
$ npm install --save react-mini
`




Usage

`js
var React = require('react');
var mini = require('react-mini');


module.exports = mini( props =>

Title: {props.title}

);
module.exports = mini( ({ title }) =>

Title: {title}

);
module.exports = mini( ({ hidden = false, title }) => !hidden?

Title: {title}

:null );
module.exports = mini( ({ greet = 'Hi', name }) =>

{greet} {name}

);
`

$3

Create pure components using PureRenderMixin

`js
var React = require('react');
var pure = require('react-mini/pure');

module.exports = pure( ({ title }) =>

Title: {title}

);
`

$3

`js
var Counter = mini( ({ step = 1 } , { setState, state: { count } }) => {
var incCounter = () => setState({ count : count + step });

return Counter: {count}+1
}, { count: 10 }); // <= initialState

React.render(
,
document.body
)
`

API

mini(render:Function(props, component), [initialState:Object])

* render : This is the actual render function.
* props:Object : The props of the component
* component:Object : The component (this)
* initialState : The initial state of the component.

Related

* [react-mini-this][rmt] - function HelloWorld({name}) { return

Hello {name}

; }::pure();`

License

MIT © Christoph Hermann

[rmt]: https://github.com/stoeffel/react-mini-this