Skip to content

Commit

Permalink
Fix #874: Edit thinking-in-react
Browse files Browse the repository at this point in the history
Accidentally pulled #874 into gh-pages.
  • Loading branch information
cpojer committed Jan 13, 2014
1 parent 3d47177 commit ad6a982
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion docs/_posts/2013-11-05-thinking-in-react.md
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,7 @@ Now that we've identified the components in our mock, let's arrange them into a

<iframe width="100%" height="300" src="http://jsfiddle.net/6wQMG/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

Now that you have your component hierarchy it's time to start implementing your app. The easiest way is to build a version that takes your data model and renders the UI but has no interactivity. It's easiest to decouple these processes because building building a static version requires a lot of typing and no thinking, and adding interactivity requires a lot of thinking and not a lot of typing. We'll see why.
Now that you have your component hierarchy it's time to start implementing your app. The easiest way is to build a version that takes your data model and renders the UI but has no interactivity. It's easiest to decouple these processes because building a static version requires a lot of typing and no thinking, and adding interactivity requires a lot of thinking and not a lot of typing. We'll see why.

To build a static version of your app that renders your data model you'll want to build components that reuse other components and pass data using *props*. *props* are a way of passing data from parent to child. If you're familiar with the concept of *state*, **don't use state at all** to build this static version. State is reserved only for interactivity, that is, data that changes over time. Since this is a static version of the app you don't need it.

Expand Down

0 comments on commit ad6a982

Please sign in to comment.