$11\mathrm{.}7\mathrm{.}3$ Hands$-$On Practice

PROJECT $1$: Editor

DIFFICULTY LEVEL: Beginner

Overview

This project requires the creation of multiple interconnected components. Figure $11\mathrm{.}20$ illustrates what the finished version should look like along with the required

$598$

CHAPTER $11$ JavaScript $4$: React

FIGURE $11\mathrm{.}20$ Completed Project $1$

component hierarchy. Changing any of the form fields on the right will update the movie display on the left.

Instructions

The starting of the components and their render $()$ methods have been provided. The data is contained within the file movie$-$data.js$.$ You can complete this project using the techniques covered in sections $11\mathrm{.}2$ and $11\mathrm{.}3.$ You could instead use create$-$react$-$app as your starting point.

Implement the rest of the MovieList, SingleMovie, and Movielink components. For MovieList, you will need to render a