How This Book Is Structured

What's the point of React?

Lesson 0 - Object Elements

Lesson 1 - Element Factory

Lesson 2 - JSX

Lesson 3 - Nested Elements

Lesson 4 - Components

Lesson 5 - Props

Lesson 6 - Prop Types

Lesson 7 - Nested Components

Lesson 8 - Class Components

Lesson 9 - Lifecycle Methods

Lesson 10 - Example App

Lesson 11 - More Lifecycle Methods

Lesson 12 - Refactoring Components

Lesson 14 - Refs

Lesson 15 - Simple Integration

Lesson 16 - Advanced Integration

Lesson 18 - ES215

Virtual DOM Primer

Changelog

A gentle introduction to React, using the JavaScript you already know

React from Zero

In the last chapter, we learned that JSX 

simplifies the creation of markup in JavaScript

In this chapter, we will see a powerful feature of JSX: 

We already learned that the content of an element will be pushed into the 

 function. (To be precise, the content will end up as the third argument to 

# Lesson 3 - Nested Elements

In the last chapter, we learned that JSX **simplifies the creation of markup in JavaScript**.

In this chapter, we will see a powerful feature of JSX: **nesting elements in other elements**.

## Nesting with pure JSX

We already learned that the content of an element will be pushed into the `children` argument of a call to the `React.createElement()` function. (To be precise, the content will end up as the third argument to `React.createElement()`.)

The following JSX:

```javascript
<p>text</p>
```

Will be compiled to:

```javascript
React.createElement("p", null, "text");
```

![Paragraph Element](https://d2uusema5elisf.cloudfront.net/books/react-from-zero/images/03-nested-elements/paragraph-element.png)

Kay Plößer