React Router Dom

1. npm i react-router-dom
2. detail on documentation of react-router-dom
3. Link tag is equal to a tag
4. a tag refresh the page so in reactwe use link which don't refresh the page
5. link atribute us to=""
6. NavLink is similar to Link but have extra feature like isActive can use for identify if the url is active or not
7. for router dom you need to give main app the with the prop otherwise it will not work, so you need to create router constant and put the value of createBrowserRouter.
8. there are twoo ways of doing routing check in main.jsx file.
9. can help in changing the page on same file see in Layout.jsx
10. with the help of loader better optimization happen than useEffect . it fetch the api before the clicking just by hovering and also save it in cache.