Create a form with input element.
Fetch movie content with useEffect.
Use useState for search input to correctly use search query in API fetch.
Display movie content with next js component Image.
Finally refactor fetch and useStates to global level with createContext and useContext
Write a component test for the form to check for a label
Create a
form
withinput
element. Fetch movie content withuseEffect
. UseuseState
for search input to correctly use search query in API fetch. Display movie content with next js componentImage
. Finally refactor fetch and useStates to global level withcreateContext
anduseContext
Write a component test for theform
to check for alabel