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 http://localhost:3311/
1-2-vite-useeffect - pnpm dev1-2 http://localhost:3312/
1-3-vite-reactquery - pnpm dev1-3 http://localhost:3313/
1-4-vite-reactquery-refactor - pnpm dev1-4 http://localhost:3314/
1-5-astro-react-spa - pnpm dev1-5 http://localhost:3315/

Static Site Generation (SSG)

2-1-nextjs-ssg - pnpm dev2-1 http://localhost:3321/
2-2-astro-ssg - pnpm dev2-2 http://localhost:3322/
2-3-astro-react-ssg - pnpm dev2-3 http://localhost:3323/

Server-Side Rendering (SSR)

3-1-nextjs-ssr - pnpm dev3-1 http://localhost:3331/
3-2-remix-ssr - pnpm dev3-2 http://localhost:3332/
3-3-sveltekit-ssr - pnpm dev3-3 http://localhost:3333/
3-4-astro-ssr - pnpm dev3-4 http://localhost:3334/

HTML Streaming (RSC / Astro Server Islands)

4-1-nextjs-rsc - pnpm dev4-1 http://localhost:3341/
4-2-nextjs-rsc-react-query - pnpm dev4-2 http://localhost:3342/
4-3-nextjs-rsc-react-query-streaming - pnpm dev4-3 http://localhost:3343/
4-4-astro-server-islands - pnpm dev4-4 http://localhost:3344/