TapaniA TapaniAla

TapaniAla / Redux 10: Avoid object mutations

Last active June 8, 2017 05:17

JS Bin// source http://jsbin.com/cequnu

	const toggleTodo = (todo) => {
	// not allowed
	//todo.completed = !todo.completed;
	//this OK
	// return {
	// id: todo.id,
	// text: todo.text,
	// completed: !todo.completed
	// };
	// note the last assign property wins!

TapaniAla / Redux 9: Avoiding array mutations final

Last active June 8, 2017 05:17

JS Bin// source http://jsbin.com/cequnu

	const addCounter = (list) => {
	//both are OK:
	//return list.concat([0]);
	return [...list, 0];
	};

	const removeCounter = (list,index) => {
	// not allowed
	// list.splice(index, 1);
	return [

TapaniAla / Redux 8: React counter example final

Last active June 8, 2017 05:18

JS Bin// source http://jsbin.com/cequnu

TapaniAla / Redux 7: Implementing store from cratch final

Last active June 8, 2017 05:19

JS Bin// source http://jsbin.com/cequnu

TapaniAla / Redux 6: Store methods: getState(),dispatch() and subscribe() final

Last active June 8, 2017 05:19

JS Bin// source http://jsbin.com/cequnu

TapaniAla / Redux 5:Writing a counter with redux final

Last active June 8, 2017 05:20

JS Bin// source http://jsbin.com/cequnu

	function counter(state = 0, action) {
	switch (action.type) {
	case 'INCREMENT':
	return state + 1;
	case 'DECREMENT':
	return state - 1;
	default:
	return state;
	}
	}