This is the Adoption curve of web technologies as it stands in August 2023.
Full video:
Innovators
Emerging technologies with unfinished docs and almost non-existent tutorials and guides
LightningCSS
An extremely fast CSS parser, transformer, bundler, and minifier.
- Lightning CSS is over 100x faster than comparable JavaScript-based tools.
- Lightning CSS lets you use modern CSS features and future syntax today.
Bunjs
An all-in-one JavaScript runtime & toolkit designed for speed, complete with a bundler, test runner, and Node.js-compatible package manager.
- Develop, test, run, and bundle JavaScript & TypeScript projects
- Drop-in node.js compatibility
- Works with
node_modules
- now with Vite support
- v1 coming on September 7th
- written in Zig
Fresh
The next-gen web framework, based on Deno
- just-in-time rendering on the edge
- islands architecture
- Typescript support out of the box
Qwik
Build Instant Web Apps (IWA)
- Resumability instead of Hydration (see video on resumability in resources for more)
- Code shipped to client dramatically reduced
- Instant startup time (FCP == TTI)
- Avoid doing work on the server and repeating it on the client (hydration)
React Server Components
React Server Components (RSC) are React components that are fetched and rendered on the server whereas client (regular) components are fetched and rendered on the client
- cheap hydration
- React Server Components instead of APIs
- React components for the server
Solidjs
Simple and performant reactivity for building user interfaces
- Very fast
- Very small
- Easy React replacement
- Astro & vite support
- SolidStart is promising (SolidStart is for Solid what SvelteKit is for Svelte)
Tauri
Build an optimized, secure, and frontend-independent application for multi-platform deployment.
- Compatible with any frontend framework (even Qwik!)
- Highest retention and interest for mobile & desktop category in state of js 2022
- Focus on security
- Built with Rust
- Currently supports all major desktop platforms, mobile coming soon (currently in alpha)
Early Adopters
Established technologies gaining momentum with good docs and ever more tutorials
SvelteKit
A server-side rendering meta-framework for Svelte
- Supports Single-Page Apps (SPAs), Multi-Page Apps (MPAs), Server-Side Rendering (SSR) and Static Site Generation (SSG)
- Comes with batteries included
- Amazing DX
- For more on SvelteKit, Joy of Code has great articles and videos. Link below
Astro
"Astro is the all-in-one web framework designed for speed. Pull your content from anywhere and deploy anywhere, all powered by your favorite UI components and libraries."
- Islands Architecture (see video for an introduction to Islands Architecture)
- Supports React, Preact, Svelte, Vue, Solid (not Qwik)
- Great base to build upon
Resources
LightningCSS:
Bunjs:
Fresh:
React Server Components:
Solidjs:
Tauri:
SvelteKit:
Astro: