/react_movies-list

Primary LanguageTypeScriptGNU General Public License v3.0GPL-3.0

Movies List

React + Typescript cheat sheet

You are given movies loaded from the API and initial markup. Your task is to:

  1. Create and export a Movie interface inside ./src/types/Movie.ts (all the fields are required)
  2. Render movies from a given moviesFromServer array (for the simplicity, you can do it inside the App and split later).
  3. Extract a .movies block to a MoviesList component.
  4. The App should pass the moviesFromServer to the MoviesList as a movies prop.
  5. Extract a .card block to a MovieCard component.
  6. The MoviesList should pass a movie to the MovieCard.
  7. Keep all data-cy attributes to pass the tests.

Instructions