Added useEffect

Author: svwoodhouse

Sections/Section 14/01-starting-project/src/App.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useEffect, useState, useCallback } from 'react';
 
 import MoviesList from './components/MoviesList';
 import './App.css';
@@ -23,7 +23,7 @@ function App() {
   const [isLoading, setIsLoading] = useState(false)
   const [error, setError] = useState(null)
 
-  async function fetchMoviesHandler() {
+  const fetchMoviesHandler = useCallback(async () => {
     setIsLoading(true)
     setError(null)
     try {
@@ -49,7 +49,11 @@ function App() {
       setError(error.message)
     }
     setIsLoading(false)
-  }
+  },[])
+
+  useEffect(()=> {
+    fetchMoviesHandler()
+  },[fetchMoviesHandler])
 
   return (
     <React.Fragment>