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:

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?

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

How do you use <provider> ?

I've worked hard over the years, I've been injured and I've worked hard through it, and I've made it.

Fiction is the truth inside the lie.

I've always been working just to be a world champion and it's a dream come true.

The biggest waste of time of my life was playing 'Call of Duty.' But I got really good at 'Call of Duty' - a little bit too good at that time.

A dynamic economy begins with a good education.

It was my father who taught me to value myself. He told me that I was uncommonly beautiful and that I was the most precious thing in his life.

I realize that patriotism is not enough. I must have no hatred or bitterness towards anyone.

Accept the challenges so that you may feel the exhilaration of victory.

Here in Barcelona, it's the architects who built the buildings that made the city iconic who are the objects of admiration - not a bunch of half-witted monarchs.

I grew up with deaf teachers, and I thought all deaf children should have exposure to deaf educators.

Scotland cannot be the only 'something for nothing' country in the world.

What I lack in talent, I compensate with my willingness to grind it out. That's the secret of my life.

Middle age occurs when you are too young to take up golf and too old to rush up to the net.

There is no longer any anonymity on the Web - unless we mandate it. The most personal information about your online habits is collected, bought and sold, often instantaneously and invisibly. Data collection is a business driven by profits at consumers' expense.

Have no age, transcend both past and future, and enter into the eternal present.

Sometimes you feel sad to be left out of a big debate.

Red is one of the strongest colors, it's blood, it has a power with the eye. That's why traffic lights are red I guess, and stop signs as well... In fact I use red in all of my paintings.

If you put yourself in a situation of unpredictability and then find that it's completely possible to accept it, then you become an observer.

I believed that I was being forced to sacrifice my family and my career in defense of the Communist Party, from which I had long been separated and which I had grown to dislike and distrust.

I guess many game music fans prefer original soundtrack albums.

A small group of thoughtful people could change the world.