Discuss <Link> component?
<Link> is a built-in component that extends the HTML <a> tag to provide prefetching and client-side navigation between routes.
Here are advantages of link component:
The <Link> component enables client-side navigation, meaning the page transition happens without a full page reload.
The <Link> component automatically prefetches the linked page in the background when it appears in the viewport. Prefetching is enabled by default but can be disabled using the prefetch={false} prop
When using <Link>, the React component state (e.g., useState, useReducer) is preserved during navigation because the page is not fully reloaded.
The <Link> component automatically handles scroll restoration. When a user navigates back to a page, the scroll position is restored to where it was previously.
The following props can be passed to the <Link> component:
href: href='/dashboard'
replace: replace={false}
scroll: scroll={false}
prefetch: prefetch={false}