{"body":"","commit":{"authorName":"petehunt","authoredAt":"2013-06-17T03:11:57-06:00","shortRevision":"fad7d58fc9","authorEmail":"pete.hunt@fb.com","subject":"Update jsx-is-not-html.md","revision":"fad7d58fc9ef8da03acc6f4d1a11a2844f4cd2ce"},"files":[{"status":"M","path":"docs\/docs\/jsx-is-not-html.md"}],"patch":"diff --git a\/docs\/docs\/jsx-is-not-html.md b\/docs\/docs\/jsx-is-not-html.md\nindex e3c4126328..084c97197b 100644\n--- a\/docs\/docs\/jsx-is-not-html.md\n+++ b\/docs\/docs\/jsx-is-not-html.md\n@@ -10,13 +10,13 @@ JSX looks like HTML but there are some important differences you may run into.\n \n ## Whitespace removal\n \n-JSX doesn't follow the same whitespace elimination rules as HTML. JSX removes all the whitespaces between two curly braces expressions. If you want to have a white space, a work-around is to add `{' '}`.\n+JSX doesn't follow the same whitespace elimination rules as HTML. JSX removes all whitespace between two curly braces expressions. If you want to have whitespace, simply add `{' '}`.\n \n ```javascript\n

{this.props.name} {' '} {this.props.surname}<\/div>\n ```\n \n-This behavior is still being debated. Follow [Issue #65](https:\/\/github.com\/facebook\/react\/issues\/65) to be updated on the situation.\n+Follow [Issue #65](https:\/\/github.com\/facebook\/react\/issues\/65) for discussion on this behavior.\n \n ## HTML Entities\n \n@@ -26,20 +26,20 @@ You can insert HTML entities within literal text in JSX:\n

First · Second<\/div>\n ```\n \n-If you want to display an HTML entity within a dynamic content, you will run into double escaping issues as React escapes all the strings you are displaying in order to prevent a wide range of XSS attacks by default.\n+If you want to display an HTML entity within dynamic content, you will run into double escaping issues as React escapes all the strings you are displaying in order to prevent a wide range of XSS attacks by default.\n \n ```javascript\n \/\/ Bad: It displays \"First · Second\"\n

{'First · Second'}<\/div>\n ```\n \n-There are various ways to work-around this issue. The easiest one is to write unicode character directly in Javascript. You've got to make sure that the file is saved as UTF-8 and that the propers UTF-8 directives are set so the browser will display it correctly.\n+There are various ways to work-around this issue. The easiest one is to write unicode character directly in Javascript. You need to make sure that the file is saved as UTF-8 and that the proper UTF-8 directives are set so the browser will display it correctly.\n \n ```javascript\n

{'First · Second'}<\/div>\n ```\n \n-A safer alternative is to find the unicode number corresponding to the entity<\/a> and use it inside of a Javascript string.\n+A safer alternative is to find the [unicode number corresponding to the entity](http:\/\/www.fileformat.info\/info\/unicode\/char\/b7\/index.htm) and use it inside of a JavaScript string.\n \n ```javascript\n

{'First \\u00b7 Second'}<\/div>\n@@ -52,29 +52,29 @@ You can use mixed arrays with strings and JSX elements.\n

{['First ', ·<\/span>, ' Second']}<\/div>\n ```\n \n-In last resort, you always have the ability to insert raw HTML inside of the div.\n+As a last resort, you always have the ability to insert raw HTML.\n \n ```javascript\n-

\n+

\n ```\n \n ## Comments\n \n-JSX supports both single-line and multi-lines Javascript comments within a tag declaration:\n+JSX supports both single-line and multi-line JavaScript comments within a tag declaration:\n \n ```javascript\n-

\n ```\n \n-As of React 0.3, there is no good way to insert comments within the children section. [Issue #82](https:\/\/github.com\/facebook\/react\/issues\/82) is tracking progress to enable the following way to write comments:\n+As of React 0.3, there is no good way to insert comments within the children section. [Issue #82](https:\/\/github.com\/facebook\/react\/issues\/82) is tracking progress to enable the following:\n \n ```javascript\n-\/\/ Note: The following is not implemented yet!\n+\/\/ Note: This is not implemented yet!\n

\n {\/* This is a comment *\/}\n <\/div>\n","parents":["97efa84676854520efe0187f3f562989db1c1e4e"]}

dillon1000/react

Files changed