State of JavaScript 2022

Single Page Application (SPA)Apps that run entirely in the browser

Multi-Page Application (MPA)Apps that run entirely on the server, with minimal client-side dynamic behavior

Static Site Generation (SSG)Static content pre-rendered at build time, with or without a client-side dynamic element

Server-Side Rendering (SSR)Dynamically rendering HTML content on the server on request, before rehydrating it on the client

Partial HydrationOnly hydrating some of your components on the client (e.g. React Server Components)

Progressive HydrationControlling the order of component hydration on the client

Islands ArchitectureIsolated islands of dynamic behavior with multiple entry points in an otherwise static site (Astro, Eleventy)

Progressive EnhancementMaking sure an app is functional even without JavaScript

Incremental Static GenerationBeing able to dynamically augment or modify a static site even after the initial build (Next.js ISR & on-demand revalidation, Gatsby DSG)

Streaming SSRBreaking down server-rendered content in smaller streamed chunks

ResumabilitySerializing framework state on the server so the client can resume execution with no duplicated code execution.

Edge RenderingAltering rendered HTML at the edge before sending it on to the client

11/14Usage

How do you divide your time between writing JavaScript and TypeScript code?

In what context do you primarily use JavaScript?

What do you use JavaScript for?

Other JavaScript Use Cases

Which industry sector(s) are you using JavaScript in?

Other Industry Sectors

Which of the following architecture and rendering patterns have you used in the last year?

Other App Patterns