React Data Fetching

A repository to showcase different ways to fetch data in React.

• 0-json-server - backend server for the apps - pnpm serve

Single Page Applications (Client-Side Only)

• 1-1-vite-componentdidmount - pnpm dev1-1
• 1-2-vite-useeffect - pnpm dev1-2
• 1-3-vite-reactquery - pnpm dev1-3
• 1-4-vite-reactquery-refactor - pnpm dev1-4

Static Site Generation (SSG)

• 2-1-nextjs-ssg - pnpm dev2-1
• 2-2-astro-ssg - pnpm dev2-2
• 2-3-astro-react-ssg - pnpm dev2-3

Server-Side Rendering (SSR)

• 3-1-nextjs-ssr - pnpm dev3-1
• 3-2-remix-ssr - pnpm dev3-2
• 3-3-sveltekit-ssr - pnpm dev3-3

React Server Components (RSC)

• 4-1-nextjs-rsc - pnpm dev4-1
• 4-2-nextjs-rsc-react-query - pnpm dev4-2
• 4-3-nextjs-rsc-react-query-streaming - pnpm dev4-3