{"parents":["0475834470e1acac60b6f16c0f82f0e1f4cfc20f"],"files":[{"status":"A","path":"docs\/cookbook\/cb-12-initial-ajax tip.md"},{"status":"A","path":"docs\/cookbook\/cb-12-initial-ajax.md"}],"patch":"diff --git a\/docs\/cookbook\/cb-12-initial-ajax tip.md b\/docs\/cookbook\/cb-12-initial-ajax tip.md\nnew file mode 100644\nindex 0000000000..555e7b9fc6\n--- \/dev\/null\n+++ b\/docs\/cookbook\/cb-12-initial-ajax tip.md\t\n@@ -0,0 +1,44 @@\n+---\n+id: initial-ajax-tip\n+title: Load initial data via AJAX\n+layout: docs\n+permalink: initial-ajax-tip.html\n+---\n+\n+Fetch data in `componentDidMount`. When they arrive, put them inside your state then render them.\n+\n+This example fetches the desired Github user's lastest gist:\n+\n+```js\n+\/** @jsx React.DOM *\/\n+\n+var UserGist = React.createClass({\n+ getInitialState: function() {\n+ return {\n+ username: '',\n+ lastGistUrl: ''\n+ };\n+ },\n+ componentDidMount: function() {\n+ $.get(this.props.source, function(result) {\n+ var lastGist = result[0];\n+ this.setState({\n+ username: lastGist.user.login,\n+ lastGistUrl: lastGist.html_url\n+ });\n+ }.bind(this));\n+ },\n+ render: function() {\n+ return (\n+

\n+ {this.state.username}'s last gist is\n+ here<\/a>.\n+ <\/div>\n+ );\n+ }\n+});\n+\n+React.renderComponent(\n+ , mountNode\n+);\n+```\ndiff --git a\/docs\/cookbook\/cb-12-initial-ajax.md b\/docs\/cookbook\/cb-12-initial-ajax.md\nnew file mode 100644\nindex 0000000000..3e10a1ca7b\n--- \/dev\/null\n+++ b\/docs\/cookbook\/cb-12-initial-ajax.md\n@@ -0,0 +1,48 @@\n+---\n+id: initial-ajax\n+title: Load initial data via AJAX\n+layout: docs\n+permalink: initial-ajax.html\n+---\n+\n+### Problem\n+You want to load initial ajax data.\n+\n+### Solution\n+Fetch data in `componentDidMount`. When they arrive, put them inside your state then render them.\n+\n+This example fetches the desired Github user's lastest gist:\n+\n+```js\n+\/** @jsx React.DOM *\/\n+\n+var UserGist = React.createClass({\n+ getInitialState: function() {\n+ return {\n+ username: '',\n+ lastGistUrl: ''\n+ };\n+ },\n+ componentDidMount: function() {\n+ $.get(this.props.source, function(result) {\n+ var lastGist = result[0];\n+ this.setState({\n+ username: lastGist.user.login,\n+ lastGistUrl: lastGist.html_url\n+ });\n+ }.bind(this));\n+ },\n+ render: function() {\n+ return (\n+

\n+ {this.state.username}'s last gist is\n+ here<\/a>.\n+ <\/div>\n+ );\n+ }\n+});\n+\n+React.renderComponent(\n+ , mountNode\n+);\n+```\n","commit":{"authoredAt":"2013-10-06T22:10:18-04:00","authorName":"Cheng Lou","subject":"ajax ex","authorEmail":"chenglou92@gmail.com","shortRevision":"6d2ea9a200","revision":"6d2ea9a2006b72c90d5fa99496e7960824d8654d"},"body":""}

dillon1000/react

Files changed