Best of JavaScript — January 2026

1. 1
   Article

   John Liter·15w

   Why W3Schools Became the Foundation of My Coding Journey and Why I’m Passing It On

   W3Schools served as a foundational learning platform that emphasized understanding over memorization through simple explanations, immediate feedback loops, and hands-on experimentation. The platform has evolved to include structured learning paths, in-browser editors, and progress tracking while maintaining its focus on teaching fundamentals. In an era of AI-generated code, understanding how to read code and reason through problems remains crucial, making platforms that teach core concepts more relevant than ever.

   832

   65
2. 2
   Article

   Chrome Developers·16w

   Introducing the <geolocation> HTML element

   Chrome 144 introduces the `<geolocation>` HTML element, a declarative alternative to the JavaScript Geolocation API. This element requires user interaction (clicking a button) to request location data, reducing accidental blocks and browser interventions. It evolved from a generic `<permission>` element after origin trial feedback showed improved user trust and success rates. The element simplifies implementation by handling permission states automatically, supports attributes like `autolocate` and `watch`, and includes styling constraints to prevent deceptive patterns. A polyfill and progressive enhancement strategies ensure backward compatibility with browsers that don't support the new element.

   592

   24
3. 3
   Article

   Piccalilli·17w

   Date is out, Temporal is in

   JavaScript's Date constructor has fundamental flaws: zero-indexed months, inconsistent parsing, mutable objects representing immutable real-world dates, and poor timezone support. The new Temporal API solves these issues with immutable-style methods that return new objects instead of mutating existing ones, explicit timezone handling, intuitive syntax for date arithmetic, and built-in formatting. Temporal is now in stage 3 of standardization and available in Chrome and Firefox for experimentation.

   343

   17
4. 4
   Video

   Fireship·16w

   The unhinged world of tech in 2026...

   A satirical look at tech trends for 2026 covering AI's plateau and continued hype cycle, the emergence of humanoid robots and wearable AI, struggles in the VR/AR space, chip shortage driving nuclear power resurgence, quantum computing breakthroughs with Google's Willow chip, digital IDs and central bank digital currencies in Europe, and JavaScript runtime evolution with Node.js TypeScript support, Deno bundling, and Bun's growing popularity. The job market shows mixed signals with AI creating 'code janitor' roles while threatening mid-level positions, though software engineering growth is still projected at 15% through 2034.

   226

   7
5. 5
   Article

   Simon Willison·18w

   Introducing gisthost.github.io

   Simon Willison forked gistpreview.github.io to create gisthost.github.io, a tool that renders HTML files stored in GitHub Gists. The original gistpreview uses GitHub Pages and the Gist API to fetch and display HTML content via document.write(), bypassing GitHub's text/plain content-type restriction. The new fork fixes two issues: Substack URL mangling and truncated large files from the API. It also removes jQuery and Bootstrap dependencies, consolidating everything into a single HTML file.

   167

   2
6. 6
   Article

   Bytes by ui.dev·14w

   Firefox is cooking again

   Firefox 147 shipped with major web platform features including Navigation API, CSS Anchor Positioning, and View Transition upgrades after Mozilla backtracked on AI-focused plans following user backlash. The release also includes updates on Vercel RSC vulnerabilities, Yarn 6 rewrite in Rust, Expo SDK 55 beta dropping legacy architecture support, and Node.js 25.5 adding simplified Single Executable App building.

   147

   38
7. 7
   Article

   Gamification·15w

   Full 3D Space RTS Game in a Single HTML File

   A developer created a complete 3D space RTS game in a single HTML file using Three.js. The game features procedurally-generated planets using GLSL shaders with fractal Brownian motion noise, flocking behavior for ship movement, and functional AI opponents. Built without build tools or bundlers, it demonstrates modern browser capabilities for game development with WebGL rendering 3,000 particle starfields, real-time laser effects, and orbital camera controls. The project showcases how constraints can lead to elegant solutions and serves as an example of creating interactive experiences with minimal tooling.

   142

   11
8. 8
   Article

   Developer's Journey·16w

   Small Observation That Changed How I See Everyday Tech

   TOTP (Time-based One-Time Password) enables two-factor authentication without internet connectivity by using a shared secret key and time-based windows. Both the server and client independently generate identical OTPs by combining the secret key with the current 30-second time window step. The article includes a simplified JavaScript implementation demonstrating the core concept: dividing Unix time into intervals, multiplying by the secret, and applying modulus to generate a 6-digit code that refreshes every 30 seconds.

   121

   12
9. 9
   Video

   JavaScript Mastery·14w

   WebSockets Crash Course: Build a Real-Time Sports Engine (10ms Updates)

   109

   6
10. 10
    Article

    CSS-Tricks·17w

    Future CSS: :drag (and Maybe ::dragged-image?)

    A proposed CSS pseudo-class `:drag` would enable styling elements during drag interactions without JavaScript. Currently, developers must use the HTML Drag and Drop API with JavaScript event listeners and class toggling to achieve this effect. The proposal would simplify the process by allowing direct CSS styling when elements are being dragged. The author also suggests a `::drag-image` pseudo-element for customizing the preview image shown during dragging, which currently requires JavaScript's `dataTransfer.setDragImage()` method. Both proposals aim to reduce JavaScript dependencies and improve performance for common drag-and-drop UI patterns.

    98

    3
11. 11
    Article

    Bun·17w

    Bun v1.3.6

    Bun v1.3.6 introduces new APIs for tarball creation/extraction (Bun.Archive) and JSONC parsing, adds metafile and virtual files support to Bun.build, and delivers significant performance improvements: Response.json() is 3.5x faster, async/await 15% faster, Promise.race 30% faster, and Bun.hash.crc32 20x faster. The release includes SIMD-optimized Buffer.indexOf, HTTP/HTTPS proxy support for WebSocket, S3 Requester Pays support, --grep flag for bun test, fake timers compatibility with @testing-library/react, SQLite 3.51.2 update, and 45 bug fixes improving Node.js compatibility, bundler stability, and security.

    93

    1
12. 12
    Article

    InfoQ·18w

    Bun Introduces Built-in Database Clients and Zero-Config Frontend Development

    Bun 1.3 introduces zero-configuration frontend development with hot module replacement, a unified database API (Bun.SQL) supporting MySQL, PostgreSQL, and SQLite without external dependencies, and a built-in Redis client claiming 7.9x performance over ioredis. The release includes enhanced package management with dependency catalogs for monorepos, isolated workspace installs, and interactive dependency updates. Performance improvements include 10-30% reduced memory usage in frameworks like Next.js, 60% faster macOS builds, and 9% faster Express benchmarks. Breaking changes affect TypeScript types for Bun.serve() and SQL client usage patterns.

    89

    5
13. 13
    Article

    Stack Overflow Blog·14w

    Wanna see a CSS magic trick?

    CSS has evolved significantly from table-based layouts to modern techniques with powerful new features. Recent additions include conditional logic with IF functions, anchor positioning for tooltips and UI elements, scroll-driven animations, and typed custom properties (variables). These features eliminate the need for JavaScript in many common patterns like carousels and animations, while improving performance and accessibility. CSS now supports media queries for user preferences like reduced motion, and new functions like sibling-index and sibling-count reduce the need for loops. The language is approaching maturity with a well-designed API that handles edge cases thoughtfully.

    76

    4
14. 14
    Article

    The New Stack·17w

    A New JavaScript Framework? In this Economy?

    Sigment is a new open-source JavaScript framework created as a simpler alternative to React-based frameworks. It avoids JSX syntax, doesn't mix HTML with JavaScript, and skips the virtual DOM in favor of Signals for reactivity. The framework uses JavaScript tag functions and templates instead of JSX, eliminating the need for transpilation and build tools like Babel or Webpack. This approach results in smaller bundle sizes, faster performance, zero-config development, and makes it more accessible to developers who know vanilla JavaScript but don't want to learn React. Sigment supports both single-page applications and HTML-first architecture with dynamic rendering and caching.

    76

    14
15. 15
    Article

    Lea Verou·17w

    Web dependencies are broken. Can we fix them? • Lea Verou

    JavaScript dependency management on the web is fundamentally broken compared to other ecosystems. While Node.js and other platforms treat dependencies as first-class citizens, web developers must choose between fragile workarounds: deploying node_modules directly (security risk), using CDNs (reliability issues), or adopting bundlers for basic needs. Import maps exist but require HTML templating, manual mapping of every transitive dependency, and still need URLs to resolve to. The ecosystem has normalized this complexity, but it harms both newcomers and the platform's architecture. Proposed solutions include external import maps, HTTP header-based resolution, treating specifiers as a URL type, and server-side dependency resolution to make web dependencies truly first-class without requiring bundlers.

    75

    4
16. 16
    Article

    This is Learning·18w

    JavaScript Frameworks - Heading into 2026

    JavaScript frameworks are evolving in response to AI and architectural challenges. Three key trends emerge: AI-first design (exemplified by Remix 3's approach to reducing domain-specific language), isomorphic-first architecture (combining SSR with SPA patterns through out-of-order streaming and server functions), and async-first frameworks (React's Transitions and Svelte's grouped async updates ensuring UI consistency). The shift focuses on primitive patterns over complex abstractions, as AI tools favor generic solutions and modular implementations. This represents a period of core refinement rather than architectural revolution, with frameworks rethinking fundamentals to work better with AI-assisted development while maintaining developer control.

    74

    1
17. 17
    Article

    Bun·14w

    Bun v1.3.8

    Bun v1.3.8 introduces a built-in CommonMark-compliant Markdown parser written in Zig with three rendering modes: HTML output, custom callbacks for terminal/custom formatting, and React elements. The bundler now supports --metafile-md to generate LLM-friendly Markdown visualizations of module graphs for bundle analysis. This release fixes 8 issues including crashes in heap snapshots and node:vm, HTTP/2 stream handling for gRPC calls, and npm global installation on Windows.

    70

    1
18. 18
    Article

    This Week In React·15w

    React Hebdo #265: React Skills, json-render, ViewTransition, Base UI, shadcn, Store, MDX, GTK

    Weekly React newsletter covering AI skills systems from Vercel, Callstack, and Expo; Firefox release enabling View Transition API, CSS anchor positioning, and Navigation API across all browsers; React Store RFC and MDX v3 support in Prettier; React Native updates including Windows/macOS 0.81, Brownie for brownfield apps, and React Navigation 8.0 alpha; Node.js security mitigation for AsyncLocalStorage DoS vulnerability; Astro joining Cloudflare; TC39 meeting progress; and jQuery 4.0 release.

    70

    2
19. 19
    Video

    Web Dev Simplified·15w

    My Honest Thoughts on AI and the Job Market in 2026

    The web development job market is recovering after the 2022-2024 downturn, with listings up 12-13% since May 2025. AI model improvements are plateauing while tooling continues advancing steadily. AI won't replace developers but will become a required skill, similar to autopilot requiring pilots. Junior developers should focus on three areas: mastering fundamentals by writing code manually, learning to work with AI tools and prompt engineering, and developing deep expertise in advanced features (like modern CSS) where AI performs poorly. Code review and reading skills are now critical. The job outlook for 2026-2027 is positive, especially for junior roles.

    70

    10
20. 20
    Article

    JavaScript Weekly·17w

    JavaScript Weekly Issue 767: January 6, 2026

    JavaScript Weekly Issue 767 highlights the 2025 JavaScript Rising Stars, where n8n and React Bits topped the GitHub popularity charts, surpassing shadcn/ui. The newsletter covers recent releases including pnpm 10.27 with enhanced security features, Ink 6.6 for building CLI apps with React, and Color.js v0.6. Featured articles explore compiling JavaScript to C using Static Hermes for Rust interoperability, and Bruno 3.0, an open-source HTTP API client with a redesigned UI and workspace features.

    69

    2
21. 21
    Video

    Fireship·15w

    Bun in 100 Seconds

    Bun is an all-in-one JavaScript runtime that replaces Node.js, npm, bundlers, testing frameworks, and transpilers with a single fast tool. Built with Zig and JavaScriptCore instead of C++ and V8, it offers built-in TypeScript support, database drivers for SQLite and Redis, HTTP server capabilities, and package management—all while maintaining Node.js ecosystem compatibility. Installation is simple, and it eliminates configuration complexity by bundling everything developers need into one binary.

    60

    2
22. 22
    Article

    Abhishek Shrivastav·17w

    Web Developer Roadmap 2026: A Complete MERN Stack Guide with Real Projects

    A structured learning path for aspiring full stack developers covers the MERN stack (MongoDB, Express, React, Node.js) from fundamentals to deployment. The roadmap emphasizes building real projects early, understanding web fundamentals before frameworks, mastering JavaScript core concepts, and creating a portfolio with deployed applications. It includes state management with Redux Toolkit, authentication, database design, performance optimization with Redis, and deployment strategies, while stressing that consistent practice with actual projects matters more than consuming endless tutorials.

    59

    2
23. 23
    Article

    Lobsters·17w

    What Happened To WebAssembly

    WebAssembly is actively used in production by companies like Figma, Cloudflare, and Godot, primarily as a compilation target that bridges language ecosystems. Its strength lies in security guarantees enabling sub-millisecond spinup times and safe execution of untrusted code, plus portability allowing C++/Rust libraries to run in browsers. Performance is comparable to JavaScript in browsers, with trade-offs in binary size and boundary crossing costs. Most developers encounter it transparently through library dependencies rather than directly, which contributes to the perception that "nothing happened" despite significant real-world adoption and ongoing standardization efforts.

    58

    5
24. 24
    Video

    The Coding Gopher·18w

    Bun just killed Node.js

    Bun is an all-in-one JavaScript runtime that consolidates execution, bundling, package management, and testing into a single binary. Built with Zig and JavaScriptCore instead of V8, it eliminates the overhead of multiple tools parsing the same code. Key features include native TypeScript support without compilation, integrated bundler with tree-shaking and code-splitting, content-addressable package caching, and built-in test runner. By sharing internal representations and optimizing at the systems level, Bun achieves faster cold starts, quicker dependency installs, and improved development workflows compared to traditional Node.js toolchains.

    57

    19
25. 25
    Article

    LogRocket·14w

    A guide to async/await in TypeScript

    Async/await in TypeScript provides syntactic sugar over promises, making asynchronous code more readable and maintainable. The guide covers promise fundamentals, error handling with try/catch blocks, concurrent execution patterns using Promise.all and Promise.allSettled, streaming data with for await...of loops, operation cancellation via AbortController, and structured concurrency patterns. TypeScript's static typing adds compile-time safety to async operations, helping catch errors earlier in development.

    56

    6