loading...
Cover image for KAMPONENT

KAMPONENT

alirezavalizade profile image alireza valizade Updated on ・1 min read

If you like this library please click on the start button on github.
https://github.com/cooldrip/komponent

kamponent

a component for creating react components 🏃

This library is not released yet

Installation

npm:

npm install kamponent --save

yarn:

yarn add kamponent

Example 1

<Kamponent pure initialState={{ count: 0 }}>
    {({ state, setState }) => {
        return (
            <div>
                <h3>{state.count}</h3>
                <button onClick={() => setState({ count: state.count + 1 })}>+</button>
                <button onClick={() => setState({ count: state.count - 1 })}>-</button>
            </div>
        );
    }}
</Kamponent>

Example 2

<Kamponent>
    {({ props }) => {
        return (
            <div>
                <h3>{props.count}</h3>
                <button onClick={() => props.increment()}>+</button>
                <button onClick={() => props.decrement()}>-</button>
            </div>
        );
    }}
</Kamponent>

props

Property Type Working
children function or array or object Yes
initialState object Yes
pure bool Yes
didMount function Yes
didCatch function Yes
willUnmount function Yes
shouldUpdate function Yes
didUpdate function Yes
snapshotBeforeUpdate function Yes

params in functions

note: you can access to this parameters from functions and children (if it be function).
Property Type Working
state any Yes
props any Yes
setState function Yes
forceUpdate function Yes

Discussion

pic
Editor guide