What Shaped Front-End Development in 2023? A Comprehensive Review

2023 Technology Annual Review

Time has flown by; 2023 passed like a white horse. Although no revolutionary star project dominated the front‑end stage, each sub‑field saw expansion and deepening, and the rapid growth of AI large models injected new vitality into front‑end development.

Large‑model applications continued to improve and began landing in multiple front‑end areas.

JavaScript and CSS saw new changes; with TypeScript now a standard, the community is hearing conflicting voices.

React, Vue, Svelte and Angular remain the four leading frameworks, while Qwik and Htmx emerged as black‑horse frameworks.

Rust’s influence grew: tools like Respack, Oxlint, and Vite’s plan to rewrite with Rust; Bun 1.0 became a JavaScript star project.

Low‑code communities matured, with the first low‑code engine combining source‑code driving and large models debuting.

A new D2C solution, C2D2C, appeared, powered by large models.

HarmonyOS applications opened new possibilities for cross‑platform development.

Browser, WASM, audio‑video and other underlying capabilities also advanced.

1.1 Language and Standards: CSS, ES and TS Continue to Evolve

According to StackOverflow’s 2023 Developer Survey, the front‑end trio (HTML/CSS/JavaScript) remains on top, with JavaScript the most popular language for 11 years and TypeScript rising to fifth place.

Why TypeScript Is Now the Front‑End Standard—and Why Some Are Rejecting It

TypeScript’s type safety, tooling, and compatibility have made it the primary language for web apps. In 2023, TypeScript 5.0 was released on March 16, adding decorators, multi‑config extends, const type parameters, and dramatically reducing bundle size (≈42% reduction from 63.8 MB to 37.4 MB) and improving compile speed.

import { open } from "node:fs/promises";
let filehandle;
try {
  filehandle = await open("thefile.txt", "r");
} finally {
  await filehandle?.close();
}

TypeScript 5.2 introduced the using keyword for automatic resource management, paired with Symbol.dispose:

import { open } from "node:fs/promises";
const getFileHandle = async (path: string) => {
  const filehandle = await open(path, "r");
  return {
    filehandle,
    [Symbol.asyncDispose]: async () => {
      await filehandle.close();
    },
  };
};
await using file = getFileHandle("thefile.txt");

Despite its success, in August 2023 Ruby on Rails creator DHH removed TypeScript from Turbo 8, claiming it made development harder. Svelte also announced a shift from TypeScript to JSDoc to reduce bundle size and compile time.

ECMAScript 2023: Incremental JavaScript Enhancements

ECMAScript 2023 introduced no major new syntax but refined existing features. Notable additions include Symbol support as WeakMap keys and four non‑destructive array methods: toReversed(), toSorted(), toSpliced(), and with().

CSS Nesting and Parent Selector Land

Native CSS now supports nesting, bringing Sass‑like syntax directly to browsers, and the :has() parent selector gained universal support, improving developer ergonomics.

1.2 Front‑End Frameworks: Mainstream Maturation and Black‑Horse Rise

React, Vue, Angular and Svelte remain the dominant frameworks. React did not release a new version in 2023, focusing on integrating React Server Components (RSC) with Next.js. Vue 3.3 introduced VaporMode, a compile‑time mode inspired by Solid.js that reduces runtime overhead. Vue 2 reached end‑of‑life on December 23 2023.

Svelte 4, released in June, is a maintenance release that cut bundle size by ~75% and introduced the runes reactive API for future Svelte 5.

Angular 16 (May) added a new reactive model and Esbuild‑based build system; Angular 17 (November) brought delayed view rendering, built‑in control‑flow loops, and significant performance gains.

Htmx, an ASP‑style framework, gained popularity as the second‑most‑starred front‑end framework of 2023, while Qwik 1.0 launched as an “O(1) SSR” framework using resumability to avoid hydration.

1.3 Front‑End Infrastructure: Rust’s Growing Role

Rust topped language growth charts in 2023 and was praised by developers. Rust‑based tools emerged: Turbopack (by Next.js), Rspack (by ByteDance), Vite’s planned Rust rewrite, and Oxlint, a Rust‑based linter claiming 50‑100× speed over ESLint.

1.4 Chrome Browser: Strengthening User‑Data Protection

Chrome announced plans to phase out third‑party cookies, introducing First‑Party Sets and Cookie Isolation (CHIPS) in versions 113‑114, with full enforcement slated for 2024.

Manifest V2 extensions will be fully disabled by June 2024, pushing developers toward Manifest V3 with Service Workers, declarative CSP, finer‑grained permissions, and the Declarative Net Request API.

1.5 Low‑Code: Community‑Driven Engines and Large‑Model Integration

Low‑code remains hot. ByteDance’s Tango engine uses source‑code‑driven AST transformations instead of DSLs, while Huawei’s TinyEngine integrates large‑model assistance. Challenges include hallucinations, token limits, and security concerns.

1.6 D2C: C2D2C Emerges and Large Models Empower Code Generation

C2D2C (code‑to‑design‑to‑code) aligns design components with UI libraries, enabling precise component recognition without manual annotation. Builder.io’s Visual Co‑pilot demonstrates AI‑assisted code generation from Figma designs, though results still need refinement.

1.7 Large Models Continue to Mature

Microsoft’s TypeChat (July 2023) lets developers define TypeScript schemas for structured JSON output from LLMs, with automatic correction. OpenAI added native JSON response support in its API (December 2023). ByteFE released a workflow combining vector knowledge bases with LLMs for more context‑aware Code Review.

1.8 Cross‑Platform: HarmonyOS NEXT Redefines the Landscape

HarmonyOS NEXT, a fully independent OS, uses ArkTS (a TypeScript superset) and ArkUI, offering “write once, deploy everywhere” capabilities and aligning closely with front‑end development paradigms.

1.9 WASM: Expanding Language Support and Feature Set

Wasm continues to grow, with Rust remaining the top language for Wasm targets. Proposals for threads, garbage collection, and exceptions have reached implementation or standardization stages, and WASI I/O extensions are gaining attention.

1.10 Audio‑Video: Traditional and AI‑Driven Codecs Co‑exist

H.264/H.265 remain dominant, while AV1 gains traction. AI codecs now surpass H.266/VVC in compression efficiency but face challenges in computational complexity, standardization, and generalization.

2024 Technology Outlook

Looking ahead, large models will further empower front‑end workflows (design‑to‑code, low‑code, AI‑assisted development). TypeScript adoption will continue as the language of choice. Server‑side rendering will dominate framework roadmaps, with Qwik, Astro, and Htmx offering novel approaches. Rust will become central to front‑end tooling and WebAssembly. HarmonyOS NEXT will solidify a three‑platform cross‑end market, and developers will need to adapt to its ArkTS ecosystem.

Finally, if you enjoyed the article, please like, share, bookmark, and follow for more high‑quality content.