node package manager
Stop writing boring code. Discover, share, and reuse within your team. Create a free org »

preact-socrates

preact-socrates

Preact plugin for socrates.

Install

npm install preact-socrates

Example

import { render, h } from 'preact-socrates'
import Logger from 'redux-logger'
import Socrates from 'socrates'
 
/**
 * Create our virtual dom tree
 */
 
const Home = ({ dispatch, greeting }) => (
  <div class='home'>
    <h2>{ greeting }</h2>
    <button onClick={(e) => dispatch('change greeting', { greeting: 'Hey bud' })}>Change the greeting</button>
  </div>
)
 
/**
 * Initialize our store
 */
 
let store = Socrates([
  Logger()
])
 
/**
 * Initial application state
 */
 
store('boot', {
  greeting: 'Welcome to the website, friend!'
})
 
/**
 * Render our virtual dom tree to the <body>
 */
 
render(Home, store, document.body)

License

MIT