gistfile1.txt

import React, { useState, useEffect } from 'react';
import './App.css';
import MovieList from './components/MovieList';

function App() {

  const [movies, setMovies] = useState([])

  useEffect(() => {

    // fetch the movies 
    fetch('http://localhost:3001/movies')
    .then(response => response.json())
    .then(result => {
      setMovies(result)
    })

  })

  return (
    <div>
      <MovieList movies = {movies} />
    </div>
  )
}

export default App;