Learning Redux

Rendering simple text

Now, we can import both libraries and render simple text. Edit src/index.js and replace the contents with the following code:

1. Start by importing React and ReactDOM:

import React from 'react'
import ReactDOM from 'react-dom'

2. Then, we use ReactDOM to render our application to the HTML DOM:

ReactDOM.render(

3. The first argument is a React component to be rendered. In this case, we create a new React component from the h1 element, with the hello world! content:

React.createElement('h1', {}, 'hello world!'),

The function signature for React.createElement is as follows:

React.createElement(type, props, children)

The HTML equivalent for this would be:

<type ...props>children</type>

4. The second argument of ReactDOM.render ...