{"body":"[Docs] Remove most of @jsx","files":[{"path":"README.md","status":"M"},{"path":"docs\/_js\/examples\/hello.js","status":"M"},{"path":"docs\/_js\/examples\/markdown.js","status":"M"},{"path":"docs\/_js\/examples\/timer.js","status":"M"},{"path":"docs\/_js\/examples\/todo.js","status":"M"},{"path":"docs\/_js\/html-jsx.js","status":"M"},{"path":"docs\/_js\/jsx-compiler.js","status":"M"},{"path":"docs\/_js\/live_editor.js","status":"M"},{"path":"docs\/docs\/02-displaying-data.md","status":"M"},{"path":"docs\/docs\/02-displaying-data.zh-CN.md","status":"M"},{"path":"docs\/docs\/02.1-jsx-in-depth.md","status":"M"},{"path":"docs\/docs\/03-interactivity-and-dynamic-uis.md","status":"M"},{"path":"docs\/docs\/04-multiple-components.md","status":"M"},{"path":"docs\/docs\/05-reusable-components.md","status":"M"},{"path":"docs\/docs\/07-working-with-the-browser.md","status":"M"},{"path":"docs\/docs\/08-tooling-integration.md","status":"M"},{"path":"docs\/docs\/09.1-animation.md","status":"M"},{"path":"docs\/docs\/09.2-form-input-binding-sugar.md","status":"M"},{"path":"docs\/docs\/getting-started.md","status":"M"},{"path":"docs\/docs\/getting-started.zh-CN.md","status":"M"},{"path":"docs\/docs\/tutorial.md","status":"M"},{"path":"docs\/tips\/02-inline-styles.md","status":"M"},{"path":"docs\/tips\/03-if-else-in-JSX.md","status":"M"},{"path":"docs\/tips\/06-style-props-value-px.md","status":"M"},{"path":"docs\/tips\/07-children-props-type.md","status":"M"},{"path":"docs\/tips\/08-controlled-input-null-value.md","status":"M"},{"path":"docs\/tips\/10-props-in-getInitialState-as-anti-pattern.md","status":"M"},{"path":"docs\/tips\/11-dom-event-listeners.md","status":"M"},{"path":"docs\/tips\/12-initial-ajax.md","status":"M"},{"path":"docs\/tips\/13-false-in-jsx.md","status":"M"},{"path":"docs\/tips\/14-communicate-between-components.md","status":"M"},{"path":"docs\/tips\/15-expose-component-functions.md","status":"M"},{"path":"docs\/tips\/16-references-to-components.md","status":"M"},{"path":"docs\/tips\/17-children-undefined.md","status":"M"}],"parents":["2bdad81955e160a5b11110b40c7222a1113cc1fb","1b3b432d64de0493a9568209935d78a109372263"],"patch":"diff --git a\/README.md b\/README.md\nindex 9680cd286f..3f5f89b9be 100644\n--- a\/README.md\n+++ b\/README.md\n@@ -13,7 +13,6 @@ React is a JavaScript library for building user interfaces.\n We have several examples [on the website](http:\/\/facebook.github.io\/react\/). Here is the first one to get you started:\n \n ```js\n-\/** @jsx React.DOM *\/\n var HelloMessage = React.createClass({\n render: function() {\n return

Hello {this.props.name}<\/div>;\ndiff --git a\/docs\/_js\/examples\/hello.js b\/docs\/_js\/examples\/hello.js\nindex 040a04ac45..3805db4386 100644\n--- a\/docs\/_js\/examples\/hello.js\n+++ b\/docs\/_js\/examples\/hello.js\n@@ -1,9 +1,4 @@\n-\/**\n- * @jsx React.DOM\n- *\/\n-\n var HELLO_COMPONENT = \"\\\n-\/** @jsx React.DOM *\/\\n\\\n var HelloMessage = React.createClass({\\n\\\n render: function() {\\n\\\n return

Hello {this.props.name}<\/div>;\\n\\\ndiff --git a\/docs\/_js\/examples\/markdown.js b\/docs\/_js\/examples\/markdown.js\nindex 7ea69a6147..6be96d5cc0 100644\n--- a\/docs\/_js\/examples\/markdown.js\n+++ b\/docs\/_js\/examples\/markdown.js\n@@ -1,10 +1,4 @@\n-\/**\n- * @jsx React.DOM\n- *\/\n-\n var MARKDOWN_COMPONENT = \"\\\n-\/** @jsx React.DOM *\/\\n\\\n-\\n\\\n var converter = new Showdown.converter();\\n\\\n \\n\\\n var MarkdownEditor = React.createClass({\\n\\\ndiff --git a\/docs\/_js\/examples\/timer.js b\/docs\/_js\/examples\/timer.js\nindex 00e60f9591..2ca876a2e1 100644\n--- a\/docs\/_js\/examples\/timer.js\n+++ b\/docs\/_js\/examples\/timer.js\n@@ -1,9 +1,4 @@\n-\/**\n- * @jsx React.DOM\n- *\/\n-\n var TIMER_COMPONENT = \"\\\n-\/** @jsx React.DOM *\/\\n\\\n var Timer = React.createClass({\\n\\\n getInitialState: function() {\\n\\\n return {secondsElapsed: 0};\\n\\\ndiff --git a\/docs\/_js\/examples\/todo.js b\/docs\/_js\/examples\/todo.js\nindex ebc08d5f50..3db2b29af2 100644\n--- a\/docs\/_js\/examples\/todo.js\n+++ b\/docs\/_js\/examples\/todo.js\n@@ -1,9 +1,4 @@\n-\/**\n- * @jsx React.DOM\n- *\/\n-\n var TODO_COMPONENT = \"\\\n-\/** @jsx React.DOM *\/\\n\\\n var TodoList = React.createClass({\\n\\\n render: function() {\\n\\\n var createItem = function(itemText) {\\n\\\ndiff --git a\/docs\/_js\/html-jsx.js b\/docs\/_js\/html-jsx.js\nindex b7152cab0a..b76d0254a4 100644\n--- a\/docs\/_js\/html-jsx.js\n+++ b\/docs\/_js\/html-jsx.js\n@@ -5,8 +5,6 @@\n * This source code is licensed under the BSD-style license found in the\n * LICENSE file in the root directory of this source tree. An additional grant\n * of patent rights can be found in the PATENTS file in the same directory.\n- *\n- * @jsx React.DOM\n *\/\n \n \/**\ndiff --git a\/docs\/_js\/jsx-compiler.js b\/docs\/_js\/jsx-compiler.js\nindex 99cf318ce7..6eb2f1e63a 100644\n--- a\/docs\/_js\/jsx-compiler.js\n+++ b\/docs\/_js\/jsx-compiler.js\n@@ -1,9 +1,4 @@\n-\/**\n- * @jsx React.DOM\n- *\/\n-\n var HELLO_COMPONENT = \"\\\n-\/** @jsx React.DOM *\/\\n\\\n var HelloMessage = React.createClass({\\n\\\n render: function() {\\n\\\n return

Hello {this.props.name}<\/div>;\\n\\\ndiff --git a\/docs\/_js\/live_editor.js b\/docs\/_js\/live_editor.js\nindex 4d6c66708d..bfd8595d59 100644\n--- a\/docs\/_js\/live_editor.js\n+++ b\/docs\/_js\/live_editor.js\n@@ -1,8 +1,3 @@\n-\/**\n- * @jsx React.DOM\n- *\/\n-\n-\n var IS_MOBILE = (\n navigator.userAgent.match(\/Android\/i)\n || navigator.userAgent.match(\/webOS\/i)\ndiff --git a\/docs\/docs\/02-displaying-data.md b\/docs\/docs\/02-displaying-data.md\nindex d101a6d908..c0763ef3ce 100644\n--- a\/docs\/docs\/02-displaying-data.md\n+++ b\/docs\/docs\/02-displaying-data.md\n@@ -35,8 +35,6 @@ Let's look at a really simple example. Create a `hello-react.html` file with the\n For the rest of the documentation, we'll just focus on the JavaScript code and assume it's inserted into a template like the one above. Replace the placeholder comment above with the following JS:\n \n ```javascript\n-\/** @jsx React.DOM *\/\n-\n var HelloWorld = React.createClass({\n render: function() {\n return (\ndiff --git a\/docs\/docs\/02-displaying-data.zh-CN.md b\/docs\/docs\/02-displaying-data.zh-CN.md\nindex 4fd98fd8f0..5023a0000b 100644\n--- a\/docs\/docs\/02-displaying-data.zh-CN.md\n+++ b\/docs\/docs\/02-displaying-data.zh-CN.md\n@@ -35,8 +35,6 @@ next: jsx-in-depth.html\n 在接下去的文档中，我们只关注 JavaScript 代码，假设我们把代码插入到上面那个模板中。用下面的代码替换掉上面用来占位的注释。\n \n ```javascript\n-\/** @jsx React.DOM *\/\n-\n var HelloWorld = React.createClass({\n render: function() {\n return (\n@@ -84,4 +82,4 @@ JSX 非常小；上面“hello, world”的例子使用了 JSX 所有的特性\n \n JSX 类似于 HTML，但不是完全一样。参考[JSX gotchas](\/react\/docs\/jsx-gotchas.html) 学习关键区别。\n \n-最简单开始学习 JSX 的方法就是使用浏览器端的 `JSXTransformer`。我们强烈建议你不要在生产环境中使用它。你可以通过我们的命令行工具 [react-tools](http:\/\/npmjs.org\/package\/react-tools) 包来预编译你的代码。\n\\ No newline at end of file\n+最简单开始学习 JSX 的方法就是使用浏览器端的 `JSXTransformer`。我们强烈建议你不要在生产环境中使用它。你可以通过我们的命令行工具 [react-tools](http:\/\/npmjs.org\/package\/react-tools) 包来预编译你的代码。\ndiff --git a\/docs\/docs\/02.1-jsx-in-depth.md b\/docs\/docs\/02.1-jsx-in-depth.md\nindex 14924f746c..93cf2731fd 100644\n--- a\/docs\/docs\/02.1-jsx-in-depth.md\n+++ b\/docs\/docs\/02.1-jsx-in-depth.md\n@@ -9,12 +9,6 @@ next: jsx-gotchas.html\n JSX is a JavaScript XML syntax transform recommended for use\n with React.\n \n-> Note:\n->\n-> Don't forget the `\/** @jsx React.DOM *\/` pragma at the beginning of your file! This tells JSX to process the file for React.\n->\n-> If you don't include the pragma, your source will remain untouched, so it's safe to run the JSX transformer on all JS files in your codebase if you want to.\n-\n ## Why JSX?\n \n React works out of the box without JSX. Simply construct your markup using the\n@@ -57,7 +51,7 @@ var app = Nav({color:\"blue\"}, Profile(null, \"click\"));\n ```\n \n Use the [JSX Compiler](\/react\/jsx-compiler.html) to try out JSX and see how it\n-desugars into native JavaScript, and the \n+desugars into native JavaScript, and the\n [HTML to JSX converter](\/react\/html-jsx.html) to convert your existing HTML to\n JSX.\n \n@@ -113,13 +107,9 @@ See [Multiple Components](\/react\/docs\/multiple-components.html) to learn more ab\n \n Having to define variables for every type of DOM element can get tedious\n (e.g. `var div, span, h1, h2, ...`). JSX provides a convenience to address this\n-problem by allowing you to specify a variable in an `@jsx` docblock field. JSX\n-will use that field to find DOM components.\n+problem:\n \n ```javascript\n-\/**\n- * @jsx React.DOM\n- *\/\n var Nav;\n \/\/ Input (JSX):\n var tree =

<\/Nav>;\n@@ -130,8 +120,7 @@ var tree = Nav(null, React.DOM.span(null));\n > Remember:\n >\n > JSX simply transforms elements into function calls and has no notion of the\n-> DOM. The docblock parameter is only a convenience to resolve the most commonly\n-> used elements. In general, JSX has no notion of the DOM.\n+> DOM.\n \n ## JavaScript Expressions\n \ndiff --git a\/docs\/docs\/03-interactivity-and-dynamic-uis.md b\/docs\/docs\/03-interactivity-and-dynamic-uis.md\nindex d415400fd7..975871f9d7 100644\n--- a\/docs\/docs\/03-interactivity-and-dynamic-uis.md\n+++ b\/docs\/docs\/03-interactivity-and-dynamic-uis.md\n@@ -12,8 +12,6 @@ You've already [learned how to display data](\/react\/docs\/displaying-data.html) w\n ## A Simple Example\n \n ```javascript\n-\/** @jsx React.DOM *\/\n-\n var LikeButton = React.createClass({\n getInitialState: function() {\n return {liked: false};\ndiff --git a\/docs\/docs\/04-multiple-components.md b\/docs\/docs\/04-multiple-components.md\nindex 0b3d9bf6b4..74f25b2355 100644\n--- a\/docs\/docs\/04-multiple-components.md\n+++ b\/docs\/docs\/04-multiple-components.md\n@@ -19,8 +19,6 @@ By building modular components that reuse other components with well-defined int\n Let's create a simple Avatar component which shows a profile picture and username using the Facebook Graph API.\n \n ```javascript\n-\/** @jsx React.DOM *\/\n-\n var Avatar = React.createClass({\n render: function() {\n return (\n@@ -178,14 +176,14 @@ You can also key children by passing an object. The object keys will be used as\n ```javascript\n render: function() {\n var items = {};\n- \n+\n this.props.results.forEach(function(result) {\n \/\/ If result.id can look like a number (consider short hashes), then\n \/\/ object iteration order is not guaranteed. In this case, we add a prefix\n \/\/ to ensure the keys are strings.\n items['result-' + result.id] =

{result.text}<\/li>;\n });\n- \n+\n return (\n

dillon1000/react

Files changed