{"files":[{"status":"M","path":"docs\/docs\/tutorial.md"}],"body":"","commit":{"authorName":"petehunt","authoredAt":"2013-11-04T17:04:25-08:00","revision":"6c1e8e8a668d30f02d423498b248541b938586e1","shortRevision":"6c1e8e8a66","subject":"Update tutorial to use className","authorEmail":"floydophone@gmail.com"},"parents":["ff3c8ccbe6dbba1681d02e8c09ec12a629f87c62"],"patch":"diff --git a\/docs\/docs\/tutorial.md b\/docs\/docs\/tutorial.md\nindex 0d2a00baf2..dc11e2a683 100644\n--- a\/docs\/docs\/tutorial.md\n+++ b\/docs\/docs\/tutorial.md\n@@ -65,7 +65,7 @@ Let's build the `CommentBox` component, which is just a simple `

`:\n var CommentBox = React.createClass({\n render: function() {\n return (\n-

\n+

\n Hello, world! I am a CommentBox.\n <\/div>\n );\n@@ -120,7 +120,7 @@ Let's build skeletons for `CommentList` and `CommentForm` which will, again, be\n var CommentList = React.createClass({\n render: function() {\n return (\n-

\n+

\n Hello, world! I am a CommentList.\n <\/div>\n );\n@@ -130,7 +130,7 @@ var CommentList = React.createClass({\n var CommentForm = React.createClass({\n render: function() {\n return (\n-

\n+

\n Hello, world! I am a CommentForm.\n <\/div>\n );\n@@ -145,7 +145,7 @@ Next, update the `CommentBox` component to use its new friends:\n var CommentBox = React.createClass({\n render: function() {\n return (\n-

\n+

Comments<\/h1>\n \n \n@@ -166,7 +166,7 @@ Let's create our third component, `Comment`. We will want to pass it the author\n var CommentList = React.createClass({\n render: function() {\n return (\n-
\n+
\n This is one comment<\/Comment>\n This is another comment<\/Comment>\n <\/div>\n@@ -186,8 +186,8 @@ Let's create the Comment component. It will read the data passed to it from the\n var Comment = React.createClass({\n render: function() {\n return (\n-
\n-
\n+
\n+
\n {this.props.author}\n <\/h2>\n {this.props.children}\n@@ -223,8 +223,8 @@ var converter = new Showdown.converter();\n var Comment = React.createClass({\n render: function() {\n return (\n-
\n-
\n+
\n+
\n {this.props.author}\n <\/h2>\n {converter.makeHtml(this.props.children.toString())}\n@@ -247,8 +247,8 @@ var Comment = React.createClass({\n render: function() {\n var rawMarkup = converter.makeHtml(this.props.children.toString());\n return (\n-
\n-
\n+
\n+
\n {this.props.author}\n <\/h2>\n \n@@ -281,7 +281,7 @@ We need to get this data into `CommentList` in a modular way. Modify `CommentBox\n var CommentBox = React.createClass({\n render: function() {\n return (\n-
\n+
\n
Comments<\/h1>\n \n \n@@ -306,7 +306,7 @@ var CommentList = React.createClass({\n return {comment.text}<\/Comment>;\n });\n return (\n-
\n+
\n {commentNodes}\n <\/div>\n );\n@@ -346,7 +346,7 @@ var CommentBox = React.createClass({\n },\n render: function() {\n return (\n-
\n+
\n
Comments<\/h1>\n \n \n@@ -389,7 +389,7 @@ var CommentBox = React.createClass({\n },\n render: function() {\n return (\n-
\n+
\n
Comments<\/h1>\n \n \n@@ -426,7 +426,7 @@ var CommentBox = React.createClass({\n },\n render: function() {\n return (\n-
\n+
\n
Comments<\/h1>\n \n \n@@ -453,7 +453,7 @@ Now it's time to build the form. Our `CommentForm` component should ask the user\n var CommentForm = React.createClass({\n render: function() {\n return (\n-
\n+ \n \n \n \n@@ -481,7 +481,7 @@ var CommentForm = React.createClass({\n },\n render: function() {\n return (\n- \n+ \n \n \n+
\n
Comments<\/h1>\n \n \n+ \n \n \n+
\n
Comments<\/h1>\n \n \n+
\n
Comments<\/h1>\n \n

Comments<\/h1>\n \n \n+ \n \n \n+ \n Comments<\/h1>\n \n \n+ \n Comments<\/h1>\n \n

Comments<\/h1>\n \n \n+ \n Comments<\/h1>\n \n

Comments<\/h1>\n \n

Comments<\/h1>\n \n \n+ \n \n \n+
\n
Comments<\/h1>\n \n \n+
\n
Comments<\/h1>\n \n

Comments<\/h1>\n \n \n+
\n
Comments<\/h1>\n \n

dillon1000/react

Files changed