Over the head questions about React, NextJS and Javascript: Part-2

Warning

This blog post is not formatted and it is in process of review.

Why are images and fonts served as static assets, and how does this improve loading performance? logseq.order-list-type:: number How does Next.js <Link> enable navigation without a full page reload? What is client-side routing? logseq.order-list-type:: number How do React hooks like useState and useEffect work conceptually under the hood? logseq.order-list-type:: number Why does running logic on the server in Next.js reduce the surface area for security vulnerabilities? logseq.order-list-type:: number What are Server Actions in Next.js, and how do they simplify server-side mutations? logseq.order-list-type:: number How do I understand this Next.js Page function signature and inline TypeScript type? logseq.order-list-type:: number - js export default async function Page(props: { searchParams?: Promise<{ query?: string; page?: string; }>; }) { const searchParams = await props.searchParams; const query = searchParams?.query || ""; const currentPage = Number(searchParams?.page) || 1; // Reamining code }