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

I'm really interested in the new nonfiction. I think the hyper-digital culture has changed our brains in ways we cannot begin to fathom.

Audi has fewer problems with electronics than any other company.

I've known the anxiety of being completely lost, flying at night. It can be extreme. You're travelling at close to five hundred miles an hour, and every minute that goes by takes you further into being lost unless you get help from ground radar somewhere or somehow figure out the error.

Animals raised on corn produce fattier meat, but it's not just that it's fattier, it's the kinds of fats. Corn-fed beef produces lots of saturated fats. So that the heart disease we associate with eating meat is really a problem with corn-fed meat. If you eat grass-fed beef, it has much more of the nutritional profile of the wild meat.

Overcoming the trials and tribulations of human beliefs, enables you to gain the inspiration needed to practice it in daily life.

Every breath every heartbeat was one less until maybe things stopped hurting this much.

As for my personal life, I'd love to start a family of my own. I think I'd make a great dad, and I think shortly I would make a great husband.

I'd like to move back to New Orleans.

Class is not a fixed designation in this country. We are an upwardly mobile society with a lot of movement between income groups.

It's inevitable now, because everyone is a superstar, even if they're just an average player, and maybe that was part of the process set in motion when I signed that contract in 1994.

You gotta have fun. Regardless of how you look at it, we're playing a game. It's a business, it's our job, but I don't think you can do well unless you're having fun.

Your impact on the world is significant whether or not you are aware of it, and even whether or not you desire it.

I'm in control of the positions that I allow myself to be in.

As our expedition to New York seems likely to be attended with a very fatal Consequence, and ourselves haply censured for undertaking it without assurance of success.

If you spend all of your time racing ahead to the future, you're liable to discover you've left a great present behind.

What we did say is that it is up to the Syrians themselves to decide how to run the country, how to introduce the reforms, what kind reforms, without any outside interference.

I'm 64 years old, and I've been acting now for 42 years. Only recently have I thought to myself, 'Hmmm, it may be interesting to start directing.'

Tacos are like what the voices of a hundred angels singing Bob Dylan while sitting on rainbows and playing banjos would taste like if that sound were edible.

I can't live my life worrying about something that might never happen.

I'm a big fan of horror, personally.

When you work with web design companies in San Francisco, you end up with a bunch of twenty-somethings who have their own cultural peculiarities, including obscurity for its own sake. You give those guys a website for a banking institution and they screw it up, because they are designing for themselves.