Redux

Notes from the Egghead video series [Getting Started With Redux][0]

The whole state of your application is represented as a single JS object called the state or the state tree.The state tree is read only.

To change the state you need to dispatch an action. An action is a plain JS object describing the change in a minimal way. At least, the action should contain a property called type with a string value. For example, when a user clicks a plus button, to update the state tree you might dispatch an action with a type INCREMENT.

amysimmons / redux-create-store.md

Created September 30, 2018 16:03

// notes from https://egghead.io/lessons/react-redux-implementing-store-from-scratch

const createStore = (reducer) => {
  let state;
  let listeners = []; // keeps track of all the change listeners 
  
  const getState = () => state;

amysimmons / feature-test.md

Last active July 18, 2018 08:02

try {
	new Function( "( () => {} )" );
	ARROW_FUNCS_ENABLED = true;
}
catch (err) {
	ARROW_FUNCS_ENABLED = false;
}

amysimmons / proxy.md

Created July 18, 2018 07:19

const obj = { a: 1 };
const handlers = {
  // declare a get method on the handler object
  get(target, key, context) {
    console.log( "accessing: ", key );
    // forward the operation onto the target (obj) via Reflect.get
    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Reflect/get
    // target is the object, key is the key being accessed, context is the proxy 
 return Reflect.get(

amysimmons / sets.md

Created July 17, 2018 20:28

// REGULAR ARRAY (can have duplicates)

x = []
x.push(1)
x.push(1)
x.length // 2

// SET (cannot have duplicates)

amysimmons / maps.md

Last active July 17, 2018 10:12

// REGULAR OBJECTS (cannot have non-string keys)

// create empty object x 
x = {}

// create object y 
y = {id: 1}

// attempt to put y into x as the key with a value of 'amy'

amysimmons / imports.md

Last active July 8, 2018 17:19

// A) Importing named exports  
import { foo, bar, baz } from 'utils';

// B) Importing and renaming a named export
import { foo as fooDelish } from 'utils';

// C) Importing the default export

amysimmons / exports.md

Last active July 5, 2018 08:30

// 1) NAMED EXPORTS

function helloWorld() {
  //...
}
const name = "Taylor Swift";
const age = 22;

export { helloWorld, name, age }

amysimmons / symbol-for.md

Created June 25, 2018 08:28

const X = Symbol.for('test')

const Y = Symbol.for('test')

X === Y
// true

amysimmons / symbol.md

Created June 25, 2018 08:21

const LOGIN = Symbol("event.login")
// succeeded, as expected 

const W = Symbol("event.login"); 
// I expected this to say something like 'a symbol with this key already exists'

LOGIN === W 
// false

Amy Simmons amysimmons

Redux

Notes from the Egghead video series [Getting Started With Redux][0]