8) Master Project: Redux 1

Question 1

Redux allows react state to be more ___

Answer 1

scalable

Question 2

Redux is a library that makes state management …

Answer 2

easier

Question 4

list the 3 principles of redux state management?

Answer 4

1. Single source of truth
2. State is read only
3. Changes using pure functions

Question 5

List the 4 steps in the Redux flow. what is the name for this kind of pattern?

Answer 5

1. Action
2. Root Reducer
3. Store
4. DOM changes

Flux Pattern

Question 6

redux === ___

Answer 6

this.state

Question 7

T/F: You can use redux with this.state?

Answer 7

T

Question 8

What is middleware?

Answer 8

a piece of code that gets the action before it reaches the reducer

Question 9

what does the redux logger middleware do?

Answer 9

logs out actions that get fired, and what the sate looks like before and after these actions.

Question 10

what component from “react-redux” allows every component in the application to have access to the store redux? where does this component go?

Answer 10

provider; parent of everything

wraps around the entire application in index.js, so all components have access to the state.

Question 11

T/F: every action triggers every reducer?

Answer 11

T

Question 12

what is the connect function?

Answer 12

a higher order component that lets us modify our component to have access to redux

Question 13

What is a selector in redux?

Answer 13

a slice of state data

Question 14

what does the library “reselect” allow us to do?

Answer 14

create selectors in a way that they are cached and don’t trigger component re-rending if the state does not change

Question 15

what are the two types of selectors?

Answer 15

• *input selector:** a function that gets the whole state and returns a slice of it
• *memoized selector:** when we use the createSelector function

Question 16

list the 6 falsy of javascript

Answer 16

1. 0
2. false
3. null
4. undefined
5. NaN
6. ””

Question 17

when do you not put the exact argument in a <route> component?</route>

Answer 17

when their may be subsequent slashes indicating sub categories of that page

ex: shop/hats

Question 18

what is the overarching rule of righting Extensible Code?

Answer 18

keep the code structure as simple as possible

Question 19

what is the importance of using the alt attribute in an image tag?

Answer 19

the value of that property will be read by screen readers for the convenience of those with impaired vision.