Skip to content

Instantly share code, notes, and snippets.

@pablopaul
pablopaul / redux-store-subscribe.js
Created November 21, 2016 12:39
Redux Store Subscribe
const unsubscribe = store.subscribe( () => console.log( store.getState() ) );
@pablopaul
pablopaul / redux-store-getstate.js
Created November 21, 2016 12:34
Redux Store getState
const state = store.getState();
// Logs 'x'
console.log(state);
@pablopaul
pablopaul / redux-store-dispatch-action.js
Created November 21, 2016 12:31
Redux Store Dispatch Action
store.dispatch(
{
type: 'CHARACTER_TYPED',
char: 'x'
}
);
@pablopaul
pablopaul / redux-store.js
Created November 21, 2016 12:26
Redux Store
import { createStore } from 'redux';
// reducer is the reducer we defined earlier
const store = createStore(reducer);
@pablopaul
pablopaul / redux-reducer.js
Created November 21, 2016 11:24
Redux Reducer
const reducer = (state = '', action) => {
switch (action.type) {
case 'CHARACTER_TYPED':
const { character } = action;
return state + character;
case 'BACKSPACE':
return state.substr(0, state.length - 1);
@pablopaul
pablopaul / redux-reducer-concept-2.js
Created November 21, 2016 11:17
Redux Reducer Concept 2
function (state, action) {
// newState = Processing result of state and action
return newState;
}
@pablopaul
pablopaul / redux-reduder-concept.js
Created November 21, 2016 11:05
Redux Reducer Concept
function (a, b) {
// c = Processing result of a and b
return c;
};
@pablopaul
pablopaul / redux-action-creator.js
Created November 21, 2016 10:52
Redux Action Creator
const insertCharacterActionCreator = (char) => {
return {
type: 'CHARACTER_TYPED',
character: char
}
};
@pablopaul
pablopaul / redux-action-object-2.js
Created November 21, 2016 10:35
Redux Action Object 2
{
type: 'CHARACTER_TYPED',
character: 'x'
}
@pablopaul
pablopaul / action-object-1.js
Last active November 21, 2016 10:33
Redux Action Object 1
{
type: 'BACKSPACE'
}