How do you add local state to a class? — 1. in render(), replace this.props.yourProp with: this.state.yourProp 2. add a class Constructor and initialize this state in it, such as: constructor(props){ super(props); this.state = {yourProp: "whatever"}; } 3. remove the prop from the element:

why JSX?

can you have more than one root dom nodes?

How do you render an element into the dom?

Are React elements mutable?

There are two ways of defining a component: as a function and as a ...

What is the advantage of a class component over a functional component?

why are lifecycle hooks important?

Does redux work only with react?

Core concepts: actions reducers

what's an action for redux?

What's the purpose of a reducer?

what are the 2 params passed to a reducer?

what are the advantages of a single store?

How is Redux different from Flux?

advantage of immutability in Redux?

Redux architecture revolves around a strict unidirectional data flow.

Data lifecycle: 1. You call store.dispatch(action) 2. Redux store calls the reducer function 3. combine output of multiple reducer into on single state tree 4. Redux store returns the complete state tree (returned by the root reducer)

Ex with a combineReducers() function todos(state = [], action) { // Somehow calculate it... return nextState } ​ function visibleTodoFilter(state = 'SHOW_ALL', action) { // Somehow calculate it... return nextState } ​ let todoApp = combineReducers({ todos, visibleTodoFilter })

React bindings for Redux embrace the idea of separating presentational and container components.

Container Components: How things work (data fetching, state updates) Dispatch Redux actions Are usually generated by React Redux

Presentational Components How things look (markup, styles) Invoke callbacks from props to change data Are written by hand

You could write a container component by hand, but we suggest instead generating container components with the React Redux library's connect() function, which provides many useful optimizations to prevent unnecessary re-renders.

To use connect(), you need to define a special function called mapStateToProps that tells how to transform the current Redux store state into the props you want to pass to a presentational component you are wrapping.

In addition to reading the state, container components can dispatch actions. In a similar fashion, you can define a function called mapDispatchToProps() that receives the dispatch() method and returns callback props that you want to inject into the presentational component.

Connecting react and redux: import { connect } from 'react-redux' ​ const VisibleTodoList = connect( mapStateToProps, mapDispatchToProps )(TodoList) ​ export default VisibleTodoList

Redux component <Provider> : is used to magically make the store available to all container components in the application without passing it explicitly. You only need to use it once when you render the root component:

How do you use <provider> ?

Danger hides in beauty and beauty in danger.

Happiness statistics may be most valuable in smaller, local discussions. Understanding how different sorts of programs affect the well-being of citizens would be enormously helpful to a mayor choosing between building a new bridge or offering a tax cut.

I will go running when I'm stressed out. The running helps, but more than anything, I'll put music on and then I'll run. I'll cry and get it all out.

I always thought, 'I could go the route of saying some controversial things and have it explode, just do it like that. But I don't do that.' But of course, it wasn't really up to me.

There is nothing Federal about local volunteer fire departments.

The best counsel for us to give young people is that they can arrive back to Heavenly Father only as they are guided and corrected by the Spirit of God. So if we are wise, we will encourage, praise, and exemplify everything which invites the companionship of the Holy Ghost.

You have to want to be Chicano to be Chicano.

If you look at that incredible burst of fantastic characters that emerged in the late 19th century/early 20th century, you can see so many of the fears and hopes of those times embedded in those characters. Even in throwaway bits of contemporary culture you can often find some penetrating insights into the real world around us.

A great mind is not sharpened by consorting with lesser minds.

Perfection itself is imperfection.

Cats have it all - admiration, an endless sleep, and company only when they want it.

Israel is much more effective when the Israelis are convinced that we are on the moral high ground: that we are acting not just out of might, but also out of right.

If I fished only to capture fish my fishing trips would have ended long ago.

Having passion does not mean you have to descend into bickering and fighting.

The ocean is our planet's life support system, yet in my travels and at home, I've seen its degradation firsthand.

Most regular superhero books are designed to go on forever; of course, very few of them do, but the point is they are trying to throw mud against the wall and hope it will stick, and most of it slides off.

I want to see success right away. And I want to never give up, never stop.

For a time, I really thought acting was just impersonating. But impersonation is just big brush strokes, really. What makes acting different is empathy.

Money doesn't talk, it swears.

If you don't control your emotions, your emotions will control your acts, and that's not good.

Be who you are and say what you feel, because those who mind don't matter, and those who matter don't mind.