What is the advantage of a class component over a functional component? — A class component has additional feature. In particular, it lets you manage state and lifecycle.

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 ...

How do you add local state to a class?

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> ?

I work out six days a week. I do pilates, Bikram yoga and spinning. Every once in awhile, I'll throw weights in. I like to get some kind of cardio in every day, even if it's just hiking.

I'm not pugnacious or argumentative. I'd probably feel fear going into a pub in the Outback.

I think there are times when you walk onto a set you can potentially be either intimidated or distracted by what's going on around you.

God has a most wicked sense of humor.

Force may subdue, but love gains, and he that forgives first wins the laurel.

You can laugh when I talk, but not when I sing.

It is better to meet danger than to wait for it. He that is on a lee shore, and foresees a hurricane, stands out to sea and encounters a storm to avoid a shipwreck.

We have overcome the notion that mathematical truths have an existence independent and apart from our own minds. It is even strange to us that such a notion could ever have existed.

If one morning I walked on top of the water across the Potomac River, the headline that afternoon would read: 'President Can't Swim.'

Feelings of inferiority and superiority are the same. They both come from fear.

Because we are afraid of life, we seek to control or master it.

Where there is a will there is a way. And this must be the way not of compulsion but of cooperation... No government and no plan can succeed without it.

God tells me how the music should sound, but you stand in the way.

I fantasise about what the future could be in terms of aesthetic and psychology. It's the most difficult thing to do because you have to start from the past - your favourite architect, your favourite song - you take it all with you.

Each game we play, every game is a championship-game mindset.

Progress really is possible.

I always worked mostly in Quebec. I never thought of the States, somehow. I don't know - I don't have blue eyes or blond hair. I thought I didn't fit with the stereotype of America.

Canada is the only country in the world that knows how to live without an identity.

Yes, there is a terrible moral in 'Dorian Gray' - a moral which the prurient will not be able to find in it, but it will be revealed to all whose minds are healthy. Is this an artistic error? I fear it is. It is the only error in the book.

The key to recognizing who Jesus was is to recognize this fundamental truth: He was a Jew.

Stand up for the underdog, the loser. Sometimes having the strength to show loving support for unacknowledged others turns the tides of our own lives.