React Frameworks

[My Tweet thread on create-react-app alternatives](https://twitter.com/housecor/status/1459877336090877955)

Related: [My take on how to choose between SPA and SSR](https://twitter.com/housecor/status/1601575828189753345)

## Client-rendered

- [create-react-app](https://create-react-app.dev/)
- #139

## Content-focused / Static site

- [Gatsby](https://www.gatsbyjs.com/) - Deferred Static Generation, integrated GraphQL
- [Astrobuild](https://docs.astro.build/getting-started/) - Can mix with Vue, Angular, Svelte, etc too. Can add dynamism via API calls during build.
- [Docusaurus](https://docusaurus.io/)

## Server-rendered, no DB included - [comparo vid](https://www.youtube.com/watch?v=dfMhRYOtglg)

- #78 - Built-in routing, image optimization, easy deploy. More
- #79 - Built-in file based routing, Embraces web standards to streamline forms, co-locates server code inside components via `loaders`. Put links in head by exporting `links` function. CSS is automatically tied to the page. Fast build built in Go. More #79. [Next vs Remix by Ryan Florence](https://remix.run/blog/remix-vs-next) and here's [another Next vs Remix blog post](https://blog.plasmic.app/posts/remix-for-nextjs-developers/)
- [Gatsby](https://www.gatsbyjs.com/) (added SSR in V4)
- [After.js](https://github.com/jaredpalmer/after.js) (Like Next, but with React Router routing)
- [t3app](https://create.t3.gg/) - Next, but with extra opinions like Prisma, Tailwind, trpc with Zod

## Server-rendered, DB included

- [Redwood](https://redwoodjs.com/) - Unlike Blitz, built from the ground up. But much like Blitz, but uses GraphQL instead of REST with Prisma. end-to-end test suite, Storybook, logging, Auth, MSW, Router, Prerendering, Webhook security and testing. The underlying architectures of Next and Redwood are fundamentally different. Redwood's client is an SPA with prerender-by-route config. Cell components are a unique innovation for data fetching + state, resembling "islands of interactivity" design. Redwood's multi-client, GraphQL API is secure-by-default using pre-configure defaults and Auth directives (which can also transform data). The API Services are another innovation and include data validators. And it's cache-ready, meaning it just requires infra setup to enable.
- [Blitz](https://blitzjs.com/) - Next.js extensions for API, Jest, ESLint, Prettier, Auth, command line based file generators, and Prisma DB built in. Abstracts the API into a compile step and generates plain functions that can be called on the client. Funded via Y-Combinator because of their cloud offering.

[Nearly 200 more options](https://www.javascriptstuff.com/react-starter-projects/)

## Not React, but similar
[Preact](https://preactjs.com/)
[SolidJS](https://www.solidjs.com/)
[Marko](https://markojs.com/) - Also [Marko vs React](https://markojs.com/docs/marko-vs-react/)
[Qwik](https://qwik.builder.io/guide/overview)