Bookmarks (196)

📉 How We Made Our Rich Text Editor Load Faster — CKEditor is a long-standing, full featured GPL and commercially licensed rich text editor but its complexity can come with a performance cost. In this two part series (part two here), the CKEditor team digs into how they’ve recently significantly boosted its performance.

Rsdoctor 1.0: An Analyzer for Rspack and Webpack — A one-stop, intelligent build analyzer making it easier to identify bottlenecks and optimize performance. It’s part of the same family of tools as Rspack (a Rust-powered web bundler) but is fully webpack compatible. If you’ve ever asked why your build times are too long, this is for you.

PeanoScript: TypeScript But It's a Theorem Prover — An experimental proof assistant for Peano arithmetic based on TypeScript syntax.

Typist 8.0: Tiptap-Based Rich Text Editor Component — Simple and opinionated. You can try several examples linked in the sidebar. Well suited for basic rich text situations like writing comments or messages and has a single-line mode. GitHub repo.

Konva: A JavaScript 2D Canvas Library — The native API for Canvas elements is pretty good, but Konva is a popular abstraction that sits on top and provides a more structured way to work with shapes, styling, events, animations, and more (lots of demos with code). It also has extra integration libraries for Vue, Svelte and React.

Introducing @clerk/agent-toolkit — Build agentic systems with support for user and organizational management. Compatible with Vercel's AI SDK and LangChain.

Reveal.js 5.2: The HTML Presentation Framework — Brings elegant presentations to anyone with a Web browser. v5.2 adds the ability to trigger ‘lightboxes’ where viewers can see images and videos in a way where they stand out more.

Introducing Motion for Vue — Motion is a popular and powerful animation library most commonly associated with React, but now there’s a new Vue flavor and it’s feature complete, too.

Build a Custom RAG AI Agent with TypeScript and Jupyter — Deno, Ollama, and a few different AI models come together in this tutorial for storing document embeddings in a vector store and querying them for use in a basic agent.

React Trends in 2025 — Each year Robin does a post giving his opinion on what trends he sees arising over the next year. Last year, he put his money on Astro, RSCs, Vercel, and Biome – this year he points at React Server Components, shadcn/ui, TanStack Start, React Router, and more.

The Great ESLint v9 Migration Adventure: A Developer's Survival Guide — “Let’s just say… I’ve seen things. I hit all the bumps, took all the wrong turns, and somehow made it to the other side—so you don’t have to.”

How to Build a Snake AI Game with Docker and TensorFlow.js — You’ve probably heard about people ‘vibe coding’ games by letting LLMs do the coding work, but what if you want to build a game yourself that has neural network powered elements? TensorFlow.js offers one solution that you could just as easily adapt to non-gaming contexts.

Next.js vs TanStack — An incisive essay from a developer who’s had enough of the Next.js approach and has found solace in the approach offered by the increasingly capable TanStack collection of tools (as well as Vite).

A Perplexing JavaScript Parsing Puzzle — It looks deceptively simple – just 14 characters of JavaScript – but after working with JavaScript for 29 years, I got it wrong. A clue: it goes back to a browser-related quirk from 30 years ago..

TypeScript's Compiler to Get 10x Faster — TypeScript has shaken up the JavaScript ecosystem in recent years with an increasing number of developers relying on its strong typing and added structure. TypeScript’s compiler isn’t particularly fast, though, but the TypeScript team at Microsoft are changing that by porting it to Go!

Build a Secure Project Management — Learn a security-first approach to building web applications by building a secure project management platform with Next.js.

Building APIs with Next.js — A detailed, official introduction to the concepts behind using Next.js’ App Router and route handlers to build public APIs you can expose to web, mobile, and third-party clients.

How The New York Times Migrated from Enzyme to React Testing Library — A thorough look at the technical challenges and strategies the NYT used to perform a piecemeal upgrade of its React testing approach without disrupting either end users or other developers.

Refractor 5.0: Robust Virtual Syntax Highlighting using Prism — Wraps the powerful Prism syntax highlighter to output objects instead of an HTML string so you can manipulate and render it as you wish (e.g. in a VDOM or at the terminal). Lowlight, by the same author, offers the same functionality but backed by highlight.js.

svg2pdf.js: SVG to PDF Conversion in the Browser — There’s an online playground to give you a feel for what it can do.

⌘K: A Fast, Composable, Unstyled 'Command Menu' Control — The home page includes some neat examples in a variety of styles. GitHub repo. Needs React 18+.

🔎 Node Modules Inspector — A tool that runs pnpm inside your browser, “installs” a package, then analyzes its dependencies. This can be useful for analyzing packages you already use, but also for simplifying your own projects, as 11ty’s Zach Leatherman did here.

PGlite: Run Postgres in WebAssembly — PGlite packages a WASM build of Postgres into a TypeScript library that can be run directly from Node.js (or Bun, Deno, and even the browser) and it’s only a few megabytes in size.

React Data Table: Responsive Dynamic Table Component — Simple and clean, but flexible. Includes features like column sorting and pagination out of the box. Lots of demos and code examples. GitHub repo.

A Report on How the Web is Really Using JavaScript — Each year, the HTTP Archive puts together the Web Almanac, a report on the ‘state of the Web’. The JavaScript section has just gone live and goes into depth on how much JS we’re using (or failing to use!), the popularity of TypeScript, loading methods, Web Worker use, and, yes, jQuery still leads...

Lynx: A Fresh Way to Build Apps from Web Technologies — Lynx is a new set of tools for building JavaScript-powered native and Web apps that draws inspiration from React Native but aims to be more modular and flexible (and eventually framework agnostic). It comes from, and is used by, TikTok, and comes with its own QuickJS-based JavaScript engine.

Announcing TypeScript 5.8 — Four months in the making, TypeScript 5.8 lands with a strong Node focus. You can now use require() for ES modules in the nodenext module, there’s a new node18 module for developers who want to keep targeting Node 18, and most notably there’s now an --erasableSyntaxOnly option to ensure no TypeScript-only runtime semantics can be used.

JavaScript Fatigue Strikes Back — A developer with ‘a decade away’ from writing JavaScript returns to find that one thing hasn’t changed: “Choosing the right JavaScript framework is hard, man.”

Dr. Axel's 'Sales Pitch' for TypeScript — As one of JavaScript’s most esteemed writers, if Dr. Axel can’t convince you of the value of TypeScript, who could?

Instrument, Monitor, Fix: A Hands-On Debugging Class — Join us for a hands-on session where you’ll build it, watch it break, debug it, and go from “no idea what’s wrong” to fixing issues.

Reimplementing Crossy Road in JavaScript — Two well put together tutorials so far covering reimplementing Crossy Road with either Three.js or React Three Fiber. In both written or video form.

Node Just Added TypeScript Support. What Does That Mean for Deno? — The Deno team, who went all in on TypeScript from day one, reflects on the continued increase in levels of support for TypeScript in Node and how their approaches differ.

TanStack Form v1.0: Headless, Type-Safe Form State Management — A type-safe, framework agnostic (React, Vue, Angular, Solid and Lit are all supported out of the box), headless and isomorphic way to create and work with forms, with this v1.0 release over two years in the making. If you already use things like Formik or React Hook Form and are wondering how it differs, here’s...

PDFSlick 2.2: View and Interact with PDF Documents — A full-featured PDF viewer for React, Solid, Svelte and other JS apps. Built on top of PDF.js, it uses Zustand to provide a reactive store for documents. Demo.

Electron App Boilerplate with Modern Dependencies — A basic template app that uses React 19, Tailwind CSS 4, shadcn/ui, Electron Vite, Biome, and includes a GitHub Actions release workflow.

Fable: A F# to JavaScript Compiler — If you fancy F#’s flavor of almost-entirely-functional development, this could be for you. GitHub repo.

Developer Implements 'Doom' in TypeScript's Type System — A curious quirk of TypeScript’s type system is that it is Turing-complete which has led some developers to implement apps entirely in the type system. One such developer has spent eighteen months producing 177 terabytes of types to get 1993’s Doom running with them. Ridiculous and amazing in equal measure, he ▶️ explains the project in this...

QuickJS Sandbox 2.0: Execute JS/TS in a QuickJS Powered Sandbox — QuickJS is a small, embeddable JavaScript engine built by Fabrice Bellard and this extends it to make it easy to run code in an isolated sandboxed environment, along with some basic Node module support and a virtual file system. GitHub repo.

Random: Seedable Random Number Generator — You’ve got Math.random but this library takes things a few steps further with easy ways to create random values of various types and using different distributions (e.g. normal distribution, Bernoulli, Poisson, Pareto and Weibull).

React Native 0.78 Released — A big release for React Native as it ships React 19 support (which requires some tweaks when upgrading) and some more minor tweaks.

Svelvet 11: Build Node-Based UIs with Svelte — A mature Svelte component library for creating interactive node-based UIs and diagrams. v11 adds the ability to toggle between ‘snap grid’ and freeform modes for manipulating elements. (There’s a live demo at the bottom of the homepage.)

Subverting Control with Weak References — A weak reference differs from a normal reference in that it doesn’t prevent a referenced object from being garbage collected. Most modern JS runtimes support them and James shows how they can be useful.

Turbocharging V8 with Mutable Heap Numbers — The V8 team uses the JetStream2 benchmark suite to investigate performance issues and has implemented a new optimization yielding not just a 2.5x improvement in the async-fs benchmark but in other areas too.

React Libraries for 2025 — Each year, prolific React blogger Robin updates his post covering his opinionated list of essential React ecosystem libraries. He covers a lot of angles from project creation and package management through to state management, animation, form creation, auth, and i18n.

What is TypeScript? An Overview for JavaScript Programmers — You may have noticed esteemed JavaScript developer and author Dr. Axel has been on a TypeScript odyssey recently. Here he does a good job at boiling down the what (rather than the ‘why’) of TypeScript. A handy primer on what’s going on, even if you don’t plan to use it, since you'll end up interacting...

Bun v1.2.3 and v1.2.4 Released — The rapid pace of progress on the JavaScriptCore-based runtime is only increasing. v1.2.3 pushes frontend dev server features (run bun ./index.html and all the bundling is done for you). bun init can now be used to create a new React project. Meanwhile, Bun 1.2.4 builds macOS apps 60% faster and macOS executables can now be code signed.

Functional JavaScript First Steps, v2 — A friendly, practical introduction to functional programming fundamentals in JavaScript. Learn the power of the pure function while exploring functional programming paradigms.

Interop 2025: Features Browser Devs Will Focus on This Year — Interop is an ongoing process where browser devs cooperate on improving features in concert so more Web users can use those features sooner. This year’s focus points include the Storage Access API, pointer/mouse events, phasing out old mutation events, the scrollend event, URLPattern, and more JS/WASM integration.

TC39 Advances 3 Proposals to Stage 4 — I love seeing Rob Palmer’s tweets about TC39’s progression of JavaScript proposals and this is a good roundup from this week’s meeting in Seattle. Areas covered include near-term features like Float16Array and import defer to more distant things like Math.clamp and Error.captureStackTrace entering stage 1.