Create the Necessary Components of the React App

Learn which components must be implemented to use react-router in an application.

This lesson covers the essential components required to create the contact-list application.

Basic components

Two main components will be rendered in the contact list app. The first is contacts, which renders the list of contacts, and the second is search, which implements the search functionality.

Steps to create components

  1. Create a components folder.
  2. Create two files, one for contacts and another for searching, and name them Contacts.js and Search.js. Add simple, functional components in both, as shown below.

Get hands-on with 1200+ tech skills courses.