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

why JSX?

can you have more than one root dom nodes?

How do you render an element into the dom?

Are React elements mutable?

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

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

My brother was a great audience, and if he liked the picture, he would laugh and laugh and laugh, and he would want to keep the picture. Making people laugh with an image I had created... what power that was!

The instinct of nearly all societies is to lock up anybody who is truly free. First, society begins by trying to beat you up. If this fails, they try to poison you. If this fails too, the finish by loading honors on your head.

For students, the evolution-creation discussion can be a useful exercise, for it can help develop their critical thinking skills.

Barack Obama is a truly flabbergasting President. And in a good way - not the way some of his predecessors were. He's not flabberghastly. He's not the student who wears a button that says, 'Smartest kid in class,' but clearly he is, at least when surrounded by the White House press corps.

When I leave a room, it's gonna be footprints of funk wherever I stepped, because I'm a soul-funk crusader.

The intention to live as long as possible isn't one of the mind's best intentions, because quantity isn't the same as quality.

The reality is, is that the military is full of native nomenclature. That's what we would call it. You've got Black Hawk helicopters, Apache Longbow helicopters. You've got Tomahawk missiles. The term used when you leave a military base in a foreign country is to go 'off the reservation, into Indian Country.'

I really like Rosamund Pike very much.

If you don't take a Sabbath, something is wrong. You're doing too much, you're being too much in charge. You've got to quit, one day a week, and just watch what God is doing when you're not doing anything.

Directing a film was something I was yearning to do. I always wanted to see if I had the capacity to be a good storyteller.

It's a sad moment, really, when parents first become a bit frightened of their children.

You're a human being, you live once and life is wonderful, so eat the damn red velvet cupcake.

On career day as a young journalist, I scraped up my money and went to this big conference for young journalists, and the great feedback I got was that I would not or should not become an anchor because my eyelashes were too long and too distracting.

I grew up with nothing, so whenever I got to where I could have something I felt like I needed to have everything I couldn't have when I was young.

Delegating work works, provided the one delegating works, too.

A still more glorious dawn awaits / not a sunrise, but a galaxy-rise / a morning filled with 400 billion suns / the rising of the milky way

I always feel great when I don't have clothes on.

True freedom is impossible without a mind made free by discipline.

Wherever technology reaches its real fulfillment, it transcends into architecture.

To a guy like me, a laugh is full of information.

I don't see myself only as a member of the New Orleans community. I see myself as a part of the human community. I see myself as a part of the community that's trying to put things in the world that add value to people's lives.