- 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.
- 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