# Exercise

In this exercise, you have to create and render the Title component of the app.

![s\_9d770ebd1641d231a06d1d808f243a8b1d9c4424b7c00b112f83df7ba3151d4b\_1496154046364\_screen shot 2017-05-30 at 10 20 16 am](https://user-images.githubusercontent.com/445045/27197092-0109bffc-51db-11e7-9571-0517798c710a.png)

## Create the component

Create a new file named `Title.js` and create a simple component that is just a function that returns a React element.

```javascript
import React from 'react';

function Title() {
  return (
    <h1>😺 Emoji picker 🐶</h1>
  );
}
```

Note that you have to import `React` as `<h1>` will be transformed into `React.createElement('h1')`

## Render your `Title` component

In your `App.js`, you can use your `Title` component by importing it and simply adding the JSX call in your render function:

```javascript
import Title from './Title';
render() {
  return {
    <Title />
  }
}
```

[See solution](https://github.com/shopify/react/tree/2fb346599c5d7e9d0fed4b8351ed9d6c6cd8300e/1_Introduction/2.%20Components/2.1%20-%20Stateless%20Components/Solution/README.md)