Learn React Hooks

Putting the app together

After implementing all components, in order to reproduce the mock-up, we now only have to put everything together in the App component. Then, we will have successfully reproduced the mock-up!

Let's start modifying the App component, and putting our app together:

1. Edit src/App.js, and remove all of the current code.
2. First, we import React, PostList, CreatePost, and the UserBar components:

import React from 'react'import PostList from './post/PostList'import CreatePost from './post/CreatePost'import UserBar from './user/UserBar'

3. Then, we define some mock data for our app:

const user = 'Daniel Bugl'const posts = [    { title: 'React Hooks', content: 'The greatest thing since sliced bread!', author: 'Daniel Bugl' },