diff --git a/docs/02.1-jsx-in-depth.md b/docs/02.1-jsx-in-depth.md index 871c0b300..2c67b0c8a 100644 --- a/docs/02.1-jsx-in-depth.md +++ b/docs/02.1-jsx-in-depth.md @@ -6,12 +6,12 @@ permalink: jsx-in-depth.html prev: displaying-data.html next: jsx-gotchas.html --- -JSX is a JavaScript XML syntax transform recommended (but not required) for use + +JSX is a JavaScript XML syntax transform recommended for use with React. -## Why JSX? -First of all, **don't use JSX if you don't like it!** +## Why JSX? React works out of the box without JSX. Simply construct your markup using the functions on `React.DOM`. For example, here's how to construct a simple link: @@ -26,17 +26,18 @@ We recommend using JSX for many reasons: - Designers are more comfortable making changes. - It's familiar for those who have used MXML or XAML. + ## The Transform -JSX transforms XML-like syntax into native JavaScript. It turns XML elements and -attributes into function calls and objects, respectively. +JSX transforms from an XML-like syntax into native JavaScript. XML elements and +attributes are transformed into function calls and objects, respectively. ```javascript var Nav; // Input (JSX): var app =