MEALS-WITH-REACT

See the page

• I made a multipage website with React Router v6.
• When user open the site the home page will show all the meals. I get the data from themealsdb using AXIOS.
• After clicking one of the meals router will direct user to this specific meals page. In this page there are more informations about this meal.
• Also I created a Navbar component to display in every single page and an Error page.
• I encountered some warning when I fetch the data. And I found the solution for this specific issue with using useCallback. I will learn more about useCallback soon.
• I did all the styling with pure CSS.

I used;

• Components
• useState
• useEffect
• useCallback
• useContext
• axios
• React-Router-DOM (Link, NavLink, isActive )>
• useParams
• import/export
• Props
• React Developer Tool
• Destructuring props
• array map method
• array find method