Web Adoption Curve for August, 2023

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

💡
Expect future content on this technology

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

💡
Expect future content on this technology

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:

Lightning CSS
An extremely fast CSS parser, transformer, bundler, and minifier.

Bunjs:

Bun — A fast all-in-one JavaScript runtime
Bundle, install, and run JavaScript & TypeScript — all in Bun. Bun is a new JavaScript runtime with a native bundler, transpiler, task runner, and npm client built-in.

Fresh:

404 - Page not found

React Server Components:

React Labs: What We’ve Been Working On – March 2023 – React
The library for web and native user interfaces

Solidjs:

https://www.solidjs.com/

SolidStart Beta Documentation
Early release documentation and resources for SolidStart Beta

Tauri:

Build smaller, faster, and more secure desktop applications with a web frontend | Tauri Apps
Tauri is a framework for building tiny, blazing fast binaries for all major desktop platforms. Developers can integrate any front-end framework that compiles to HTML, JS and CSS for building their user interface.

SvelteKit:

SvelteKit • Web development, streamlined
SvelteKit is the official Svelte application framework
Joy of Code
Digital garden growing curious minds with content related to web development and design.

Astro:

Astro
Astro is an all-in-one framework for building fast websites faster. Grab content from anywhere, deploy everywhere, and show the web what you’ve got.