@cerebral/inferno
TypeScript icon, indicating that this package has built-in type declarations

4.2.1 • Public • Published

@cerebral/inferno

Inferno view for Cerebral.

Install

npm install @cerebral/inferno inferno babel-plugin-inferno

Container

import { render } from 'inferno'
import App from 'cerebral'
import { Container } from '@cerebral/inferno'
import AppComponent from './components/App'
import main from './main'

const app = App(main)

render(
  <Container app={app}>
    <App />
  </Container>,
  document.querySelector('#app')
)

connect

import { Component } from 'inferno'
import { connect } from '@cerebral/inferno'
import { state, sequences } from 'cerebral'

// Stateless
export default connect(
  {
    foo: state`foo`,
    onClick: sequences`onClick`
  },
  function MyComponent ({foo, onClick}) {
    return <div onClick={() => onClick()}>{foo}</div>
  }
)

// Stateful
export default connect(
  {
    foo: state.foo,
    onClick: sequences.onClick
  },
  class MyComponent extends Component {
    render () {
      return <div onClick={() => this.props.onClick()}>{this.props.foo}</div>
    }
  }
)

Readme

Keywords

none

Package Sidebar

Install

npm i @cerebral/inferno

Weekly Downloads

60

Version

4.2.1

License

MIT

Unpacked Size

21.5 kB

Total Files

12

Last publish

Collaborators

  • cerebral.js
  • christianalfoni
  • guria
  • gbucher
  • henri-hulski
  • fweinb