Core concepts: actions reducers

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?

How do you add local state to a class?

why are lifecycle hooks important?

Does redux work only with react?

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

In order to succeed, we must first believe that we can.

As England manager I always felt we needed an extra man in midfield to retain the ball, but that was more as an attacking ploy to help create opportunities. It came from my experience playing international football in a 4-4-2 and spending half my time chasing the ball.

My mom has always said that the one thing she wishes she had done differently is have a job. She felt like the single-mindedness made her a little nuts sometimes, and she could have used an outlet for herself when we were little.

I'm not executing my pitches. I'm not commanding my fastball, and I get behind in the count. When I try to throw strikes, I'm getting hurt. That's not the way I pitch.

The most optimistic part of life is its mortality God is a real genius.

I'm not into politics. I have received offers to enter politics, but I have not been tempted so far. I can't say about the future.

Finally, in my critique of the immigration image of America, it is also important to know that we're not only a nation of immigrants, but we are in some part a nation of emigrants, which often gets neglected.

We ought to ban hunting I suggest if there isnt a purpose other than sport and fun. That should be against the law. Its time now.

When I'm done with all of this, I'm going to write a book on it: have a guide to having a life and being on the road. Especially having a family and being on the road.

There are three reasons for breast feeding the milk is always at the right temperature it comes in attractive containers and the cat cant get it.

Our future is only limited by our commitment to keep the momentum going. Now that television has been set free from all constraints - including time, place, and all previous definitions - what comes next?

Beauty is grace and confidence. I've learned to accept and appreciate what nature gave me.

Don't you know this, that words are doctors to a diseased temperment?

Republicans have come up to me to say, 'Hey listen. My knee hurts. What do you think I should do?' I'll give them my recommendations.

In my experience, those who make the biggest fuss about not spending much at Christmas are generally the ones who buy what they want and eat where they want 12 months a year.

I wish when I was 17, somebody had told me not to care so much about what other people had thought.

The investigation into the possible effects of cosmic rays on living organisms will also offer great interest.

The Puritans removed organs and paintings from churches, but bought them for private use in their homes.

Ukraine must be permitted to bring their own relief supplies safely to areas in the east of the country that are controlled by the separatists.

'Watchmen' is a politically charged story, and it explores exactly what a hero is, how the world would treat them and how they would react. It was the first time I read a superhero story that explored that situation. These are very real people with very real problems.

All I can go on is my own value system.