jonathanpeterwu / fp-resources

Reference Guides and resources to learn functional programming

Functional Reactive Programming Resources

Reference Guides and resources to learn functional programming

FRP Resources

Intro to FP

Intro to Functional Reactive Programming

RxJS (Observables) source

Elm Resources

Try Elm

Om Resources (focused on Om.next)

Quick Start Guide

Om Next

Clojure Resources

JUXT Training Courses

Clojurescript Resources

React Redux Resources

On React Components

React Rails Resource

React Router Binding w/ Redux

Redux Router

Example setup

import React from 'react'
import ReactDOM from 'react-dom'
import { createStore, combineReducers, applyMiddleware } from 'redux'
import { Provider } from 'react-redux'
import { Router, Route, browserHistory } from 'react-router'
import { syncHistory, routeReducer } from 'react-router-redux'
import reducers from '<project-path>/reducers'

const reducer = combineReducers(Object.assign({}, reducers, {
 routing: routeReducer
}))

// Sync dispatched route actions to the history
const reduxRouterMiddleware = syncHistory(browserHistory)
const createStoreWithMiddleware = applyMiddleware(reduxRouterMiddleware)(createStore)

const store = createStoreWithMiddleware(reducer)

// Required for replaying actions from devtools to work
reduxRouterMiddleware.listenForReplays(store)

ReactDOM.render(
 <Provider store={store}>
   <Router history={browserHistory}>
     <Route path="/" component={App}>
       <Route path="foo" component={Foo}/>
       <Route path="bar" component={Bar}/>
     </Route>
   </Router>
 </Provider>,
 document.getElementById('mount')
)

React on Rails Gem