Redux + Marko

See the marko-redux sample project for a fully-working example.

Installation

npm install redux --save
npm install marko --save

Usage

The partial code snippet below shows how a Marko UI component can be connected to a Redux store using the store.subscribe() method and the Marko forceUpdate() method:

counter.marko

import store from './store';
 
class {
    onMount () {
        store.subscribe(() => {
            // Force this UI component to rerender:
            this.forceUpdate();
 
            // The UI component will be rerendered using the new
            // state returned by `store.getState()`
            //
            // The following is another option to force an update:
            // this.input = store.getState();
        });
    }
}
 
<div>
    <counter(store.getState()) ... />
</div>

reducer.js

module.exports = function(state, action) {
  state = state || {
    value: 0
  };
 
  // Additional reducer logic here...
 
  return state;
};

In counter.marko, the imported store module exports a Redux store created using the following code:

store.js

var redux = require("redux");
var counter = require("./reducer");
 
module.exports = redux.createStore(counter);

EDIT

Contributors

Helpful? You can thank these awesome people! You can also edit this doc if you see any issues or want to improve it.

austinkellehermlrawlingsnewyork-anthonyng

+

You?