Ramda over Recompose and Reselect (WIP)

ramda-preact.js

const Preact = require('preact')
const atom = require('atom')
const {reducer, set, update, remove} = require('atom-lens-reducer')

const pipe = require('ramda/src/pipe')
const memoize = require('ramda/src/memoize')
const find = require('ramda/src/find')
const propEq = require('ramda/src/propEq')

const store = atom(reducer, {
    // We'll fake the URL, and pretend we are at this path:
    url: '/item/2',
    items: [
        {id: 2, title: 'cool'},
        {id: 1, title: 'neat'},
        {id: 3, title: 'rad'}
    ]
})

const {render, h, Component} = Preact

const ItemRender = ({item, index}) =>
    h('li', {onclick: (ev) => remove(['items', index])}, [item.title])
    
const Item = pipe(

)

class Main extends Component {
    constructor () {
        super()
        this.state = store.getState()
    }
    
    componentDidMount () {
        store.subscribe(() => this.setState(store.getState()))
    }
    
    // Pretend we are using Preact-Router or similar:
    //   <Router>
    //     <Main path='/item/:itemId' />
    //   </Router>
    // So we'd get the `itemId` as a prop, and our entire atom state object
    render ({itemId}, state) {
        return h('ul', null, state.items.map((item) => h(Item, ))
    }
}