Learn TypeScript 3 by Building Web Applications

Frontend – creating the search component

The first component that we can implement is Search, which we will use in our Home page.

Functionally, this component will remain the same as in the first version, with text input, a way to clear it, and a search button. We will simply implement it as a React component using JSX and react-bootstrap.

Let's get started.

First of all, we'll create a home for our (dumb) components, as described in the project structure and conventions section. Create the following folder: frontend/src/components.

As applications grow larger, you might want to structure your code around the features at the first level, just like we would do with Angular modules.

Next, continue with the search component's skeleton.