Svelte is a JavaScript UI framework that shifts most of the work from runtime to build time. Svelte components are compiled into small, surgical, imperative JavaScript that updates the DOM directly, rather than relying on a virtual DOM. The result is a smaller bundle and often faster updates than the runtime alternatives.
Core ideas
Remix is a React framework focused on web-fundamentals: HTML forms, progressive enhancement, nested routing, and tight integration with the web platform. Remix moved into the React Router project in 2024, with React Router v7 effectively becoming the new Remix while retaining backwards compatibility for both names.
Distinguishing ideas
Nuxt is the production framework for Vue, analogous to Next.js for React. It provides file-based routing, server-side rendering, static site generation, layouts, auto-imports, a module ecosystem, and a Nitro-powered server for deployment to any JavaScript runtime.
Key features
Next.js is the most widely used React framework, maintained by Vercel. It adds file-based routing, server rendering, static generation, incremental static regeneration, image and font optimisation, edge runtime support, and a fully integrated build pipeline on top of React. Next.js is the default starting point for new React applications at most companies.
Routing modes
Client-Side Rendering (CSR) is the pattern where the server returns a minimal HTML shell and bundle of JavaScript, and the browser fetches data and builds the entire UI client-side. Single-page applications (SPAs) built with React, Vue, or Angular without an SSR framework default to CSR.
Strengths
Astro is a web framework built around the "islands architecture": pages are server-rendered HTML by default, with interactive components hydrated only where explicitly marked. Astro lets developers mix React, Vue, Svelte, Solid, and Preact components in the same project and ships zero JavaScript by default.
Core ideas
SSGでデプロイされていると勘違いしていた
https://contributions.nove-b.dev/をNetlifyにデプロイしている。
Clone元はhttps://github.com/atinux/my-pull-requestsで、envを変更するだけで自分ようになるので、ソースコードを読まずにnuxi buildでデプロイした。
最近は静的ジェネレータをメインに触っていたせいか、SSGでデプロイされると思い込んでいたので、プルリクを出すたびにデプロイしなくちゃいけなく、デプロイの定期実行をどうしようと思い悩んでいた。
先日プルリクを出したあとに見に行くと、最新のプルリクが反映されており、勝手にデプロイが走ったのかと混乱した。
デプロイ履歴を見に行くとデプロイ履歴は更新されていない。
SSGじゃないんじゃと思い返して、試しにプルリクを出し、観察しに行くとプルリ…
Demos with code snippets / REPLs included
NextJS 15 made sync APIs async to force component coloring for SSR boundaries. Here's why.
To me, 2024 has been a bit different than previous years, mainly for two reasons. A lot has happened at a rather high pace and I learned a lot but with little rest and time for recaps. So I’m writing this kind of as a retrospective and as a log of my learnings and milestones. And to update my portfolio.
Avoiding hydration mismatches can usually be done in two ways - suppressing the warning or spawning an effect. But is there a third option ... ?