Skip to content

Commit 4081e07

Browse files
authored
Merge pull request uanders#2 from majman/patch-1
just a couple typos and method name update
2 parents 12b0c95 + 3ee5fa8 commit 4081e07

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

article/react-redux-concept-workflow.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -146,15 +146,15 @@ I'd like to start with a graphical cheat sheet explaining the workflow in a Reac
146146
render() {
147147
return (
148148
<div>
149-
<DumpComponent01 data={/*...*/} />
150-
<DumpComponent02 func={/*...*/} />
149+
<DumbComponent01 data={/*...*/} />
150+
<DumbComponent02 func={/*...*/} />
151151
</div>
152152
)
153153
}
154154
}
155155
```
156156
157-
Just as a side note, since this is the first time we are showing class methods: remember, that there are two types of notations for method declarations with a different effect to [*autobinding*](https://facebook.github.io/react/docs/react-without-es6.html#autobinding) the methods to the [*this*](http://exploringjs.com/es6/ch_arrow-functions.html#sec_traditional-functions-bad-non-methods) operator of the classes. Here, you would need to bind *manageSomeData()* and *applySomeBusinessLogic()* manually to the *this* operator, whereas *handleSomeEvent()* would have been autobound.
157+
Just as a side note, since this is the first time we are showing class methods: remember, that there are two types of notations for method declarations with a different effect to [*autobinding*](https://facebook.github.io/react/docs/react-without-es6.html#autobinding) the methods to the [*this*](http://exploringjs.com/es6/ch_arrow-functions.html#sec_traditional-functions-bad-non-methods) operator of the classes. Here, you would need to bind *manageSomeData()* and *makeSomeCalculations()* manually to the *this* operator, whereas *handleSomeEvent()* would have been autobound.
158158
159159
160160
1. Since only smart container components manage data only they need to receive state data from the store. This works via a function called [*connect()*](https://github.com/reactjs/react-redux/blob/master/docs/api.md#connectmapstatetoprops-mapdispatchtoprops-mergeprops-options) which you need to import from 'react-redux'. The *connect()* function returns a higher order component, i.e. a component that expects a component as an argument. This argument is the smart component that you want to connect. The higher order component created by the *connect()* function renders the smart component passing the data from the store into its props.

0 commit comments

Comments
 (0)