Preact Classless Component

If you use the Preact library, but don't want to use the class syntax because you've read articles by Eric Elliott and others that have lead you to favour object composition over class inheritance, then this utility is for you.

Installation

$ npm install --save preact-classless-component

Usage

/* ES6 Modules */
 
import createComponent from 'preact-classless-component';
 
/* CommonJS */
 
const createComponent = require('preact-classless-component');
 
const Component = createComponent({
    render(props, state) {
        return (
            <div>
                Hello world!
            </div>
        );
    }
});
 

Acknowledgments

Thanks to Jason Miller for his help on debugging this function.

License

MIT