Redux

Question 1

Architecture where shared information is found in a single object

Answer 1

Flux Architecture

Question 2

What are the 2 key/ value pairs in an Action Object?

Answer 2

type and payload

const action = {
type: ‘todos/ addTodo’,
payload: ‘Take Selfies’
}

Question 3

The single source of truth in flux architecture

Answer 3

Store

Question 4

What 2 parameters are required in a reducer function?

Answer 4

store and action

const reducer = (store = initialState, action) => {
switch(action.type) {
case ‘addTodo’: {
return […store, action.payload]
}
}
}

Question 5

Inside of the reducer function, the switch statement should always default to what?

Answer 5

Returning the store

default: {
return store
}

Question 6

Rules of Reducers

1. Only calculate a new state value based on _____ and _____ arguments
2. Cannot directly _____ state. Only make changes to _____ values
3. No _____ logic or other _____

Answer 6

1. Only calculate a new state value based on state (store) and action arguments
2. Cannot directly modify state. Only make changes to copied values
3. No asynchronous logic or other side effects

Question 7

What 2 aspects define a pure function?

Answer 7

1. Same input, same output
2. No side effects (immutable)

Question 8

The store contains what 2 items?

Answer 8

Reducer and state

Question 9

➡️ Store ➡️ _____ ➡️ _____ 🔁

Answer 9

UI and dispatch

Question 10

The dispatch is an event handler containing what?

Answer 10

An action object