diff --git a/docs/tutorial/tutorial.md b/docs/tutorial/tutorial.md index 7feca45be8354..76b330658f3a0 100644 --- a/docs/tutorial/tutorial.md +++ b/docs/tutorial/tutorial.md @@ -93,11 +93,13 @@ The `render` method returns a *description* of what you want to render, and then ```javascript return React.createElement('div', {className: 'shopping-list'}, - React.createElement('h1', ...), - React.createElement('ul', ...) + React.createElement('h1', /* ... h1 children ... */), + React.createElement('ul', /* ... ul children ... */) ); ``` +If you're curious, `createElement()` is described in more detail in the [API reference](/react/docs/react-api.html#createelement), but we won't be using it directly in this tutorial. Instead, we will keep using JSX. + You can put any JavaScript expression within braces inside JSX. Each React element is a real JavaScript object that you can store in a variable or pass around your program. The `ShoppingList` component only renders built-in DOM components, but you can compose custom React components just as easily, by writing ``. Each component is encapsulated so it can operate independently, which allows you to build complex UIs out of simple components.