Bookmarks (222)

Wake Up, Remix! Everything's Changing.. — Big news from the Remix camp this week. About a year ago, Remix and React Router merged together reflecting their shared goals and code, but now it’s all change again. React Router is now basically what Remix originally intended to be, and so ‘Remix’ is rebooting as a model-first, low-dependency, Web API-centric full-stack framework built on Preact. It’ll...

ReactJust: Server Components Without a Framework — If, for some reason, you don’t want to adopt a full-scale framework like Next.js or React Router to use or experiment with RSCs, this ‘vanilla RSC’ approach could be of interest.

Google Gen AI SDK for TypeScript and JavaScript v1 — Why let Python developers have all the fun? Now you can harness the full power of Google’s Gemini API (and Vertex platform) from Node.js too.

Cap: A Lightweight, Modern Open Source CAPTCHA Alternative — This solution boasts a method called “proof-of-work” which attempts to make automated CAPTCHA solving more expensive. It uses a Web Component and you can try out a few demos here. GitHub repo.

Svelte Flow 1.0: Create Node-Based UIs and Diagrams in Svelte — From the creators of the similar React Flow comes a customizable Svelte component for building node-based editors and interactive diagrams. Want examples?

Your React Meta-Framework Feels Broken, Here's Why — “Sometimes you’ve got to burn it all down, start from ash, and rebuild from first principles. This is what we did with RedwoodSDK.”

Build a Blog with Angular in Under 30 Minutes Using Analog — Analog is a meta-framework for Angular (think along the lines of Next.js or Nuxt).

▶  The 3 Ways JavaScript Frameworks Render the DOM — The creator of the SolidJS framework looks at the different approaches frameworks take to render what they produce. A good look under the hood that isn’t too complex. (16 minutes.)

React, Visualized: A Visual Exploration of React Concepts — The creators of a React course have updated their popular visual explainer of numerous core React concepts to cover React 19 and features like actions, transitions, and Server Components too.

Build an LMS SaaS App from Scratch — Learn to build a production-ready AI SaaS using Next.js with auth, billing, and an AI voice agent.

▶  Modern Performance Debugging in Chrome DevTools — Paul shares a look at the reimagined Chrome DevTools Performance panel, showing off new features, how they work, and how to use them to make performance gains.

Why Are 2025/05/28 and 2025-05-28 Different Days in JavaScript? — An interesting ‘Wat’-like moment in just the first few lines of this post, which Brandon decided to dig into and explain.

Announcing Angular v20 — A big release for the Google backed framework where a lot of the more recent experimental features (like signals and incremental hydration) have received a lot of polish and been promoted as stable. There are new experimental APIs too, including resource streaming and httpResource for making HTTP requests with a signal-based reactive API.

CodeRabbit’s Free AI Code Reviews in IDE - VS Code, Cursor, Windsurf — Code Rabbit brings AI code reviews to VS Code, Cursor & Windsurf. Get line-by-line reviews, one-click fixes & codebase-aware feedback - all free in your IDE. Seamlessly integrates with git workflows. Install the extension & start reviewing!

🕒 The Upcoming Temporal API and What Problems It Will Solve — The Temporal API has been cooking for many years now as a new way to work with dates and times in JavaScript. It’s just been enabled in Firefox 139 by default and sure to come to more runtimes ASAP. Here’s why it matters and what it offers.

ForesightJS: Predictive Mouse Intent Library — An interesting concept, with the entire page acting as a demo of sorts. The idea is to decrease latency by prefetching data or pages as soon as you think a user might be heading in that direction. Your mileage may vary and it’s less useful for touch devices.

A Brief History of JavaScript — JavaScript (originally named LiveScript) turns thirty years old this year and the Deno team has put together a fantastic timeline-based tour of how much things have progressed from its first appearance in Netscape Navigator, through offshoots like JScript, standardization, and the introduction of Node.js, all the way through to the modern day.

2x-40x Faster Docker Builds with Blacksmith — With a one-line code change, Blacksmith can make your Docker builds incremental by mounting your Docker layer cache into your GitHub Actions runner. Blacksmith is used by 600+ companies like Ashby, Clerk, and Mintlify.

⚡ Announcing TypeScript Native Previews — Earlier this year, Anders Hejlsberg teased a 10x faster TypeScript through efforts being made to port the TypeScript compiler to Go, enabling it to be compiled and run natively, as well as take advantage of more concurrency. The good news is you can now give it a.. go for yourself.

▶  An Introduction to JavaScript Frameworks — The creator of SolidJS has put together a tight 11-minute video boiling down the different approaches taken by React, Angular, Vue, Svelte, and Solid. Dense, but a great way to get a lay of the land.

▶  What's New in Angular — Two members of the Angular team presented a session at this week’s Google I/O event on the latest updates to the Angular framework in anticipation of the eventual release of Angular 20 next Thursday.

ESLint v9.0: A Retrospective — It’s been a year since ESLint v9.0 landed as the first major release in a few years. It enabled the new flat-config system by default and the rollout didn’t go as smoothly as hoped. This retrospective breaks down the full story and shares the lessons learned.

Getting Started with Clerk Billing — Learn how to build a complete billing experience with Clerk and Stripe, no custom UI or webhooks required.

Six Ways Slack, Notion, and VS Code Improved Electron App Performance — An experienced Electron app developer shares a guide to Electron performance optimization and how to get the most out of your apps.

Defuddle: Extract the Main Content from Web Pages — Strips extraneous clutter from HTML in order to leave only the primary content for you to format or use as you wish. Essentially a modern implementation of the ideas behind Mozilla’s Readability. There’s an online demo if you want to give it a try.

snapDOM: Captures DOM Nodes as Images — A fast and accurate DOM-to-image capture mechanism to capture any HTML element as a scalable SVG image, preserving styles, fonts, background images, etc.

Astra: A New JavaScript-to-EXE Compiler for Windows — Boasts “a new approach to compiling” JavaScript applications for a single executable experience on Windows only (for now).

Crosspost: A JS Utility for Posting Across Multiple Social Networks — Currently supports eight different services including Bluesky, X, Mastodon, and LinkedIn.

Rockpack 6.0: An Alternative React App Starter — A tool aiming to get React project setup time as low as possible, complete with server side rendering support, bundling, linting and testing. v6.0 updates everything for React 19. GitHub repo.

JavaScript's New Superpower? Explicit Resource Management — V8 v13.8 introduces the idea of deterministic resource cleanup. Among a range of new symbols and objects for the task, the basic idea is you can wrap any file handle, stream or connection in a using/await using block and the runtime will handle any cleanup once resources go out of scope.

How We Debugged a Broken Checkout Flow in Flask + React — Dropped carts = lost revenue. See how Sentry tracing can catch a full-stack bug in a Flask + React checkout flow—before it can become a support fire drill.

JavaScript, When (and What) is this? — Dives into the complexities of the this keyword, explaining how its value is ultimately determined by the context in which a function is called, rather than where it’s defined. It’s been many years since we’ve covered this elementary topic, but this is a fantastic, fresh two-part take.

Basecoat: shadcn/ui's Magic, But Minus React — shadcn/ui is a popular suite of well designed React components, but if you’d like to use them in other contexts too, Basecoat is for you. Basecoat ports the components to a more vanilla form you can use with your framework (or not) of choice.

Write CSS Like a Pro — Kevin Powell shares how to create a responsive website from scratch using modern CSS features (such as nesting, utility classes, custom properties, and more). This detailed video course also dives into adding additional polish via animations, view transitions, and more.

'I Think the Ergonomics of Generators is Growing on Me' — The author notes generator functions have been widely available in JavaScript for a long time, yet “their practicality hasn’t exactly caught on.” This is a great look at what they are and where they can be useful.

Introducing Clerk Billing — Set up subscriptions in your B2B or B2C app without writing custom payment code or building your own UI.

TanStack DB: A Reactive Client Store with Fast Real-Time Sync — A new entry to the TanStack family of libraries that extends TanStack Query with collections, live queries and optimistic mutations.

Svelte Sonner: A Toast Notification Component for Svelte — You may be familiar with the fantastic Sonner in the React world – now there’s a Svelte version.

tscircuit: Use React for Building Electronics Projects — An interesting way to design and lay out electronic circuit boards using a JSX-based approach. GitHub repo.

jsdiff 8.0: A JavaScript Text Diffing Implementation — Can compare strings for differences in various ways including creating patches. There’s an online demo.

Feedsmith: A Fresh New Web Feed Parser and Generator — A new, modern way to both parse and generate RSS, Atom, JSON Feed, OPML, and RDF feeds with support for common namespaces as used in podcast, media, and other niche types of feed.

Fx 36.0: A Command-Line JSON Viewer & Processing Tool — It's written in Go, but if you’ve got some files full of JSON that you want to slice and dice, Fx is for you (it's easy to install). This week's v36 release adds support for streaming JSON and tailing such streams, it’s also much faster and less memory hungry when parsing large JSON files....

ANSIS 4.0: ANSI Color Library for Everywhere — A library to use the power of ANSI escape sequences for coloring and styling text in many environments including the terminal, Chromium-based browsers, Node, Bun, Deno, and even Next.js. v4.0 is a big upgrade with enough breaking changes to warrant a migration guide for existing users.

Regular Expressions in JavaScript — Powerful but often misunderstood, many will benefit from this roundup of the potential regexes offer to JavaScript developers.

Building a React App with GitHub Copilot — A good walkthrough, complete with video, if you prefer, of bringing together several of GitHub Copilot’s features for building a modern JavaScript app quickly.

mono-jsx: <html> as a Response — A server-side JSX runtime that renders <html> to a Response with no build step needed and works across numerous server-side JS runtimes.

k6 1.0: Go-Powered Load Testing with JavaScript — A full-featured, configurable load generation tool that uses the Sobek Go-powered JavaScript engine to support writing test scripts in JavaScript. v1.0 promises stability, first-class TypeScript support, and better extensibility.

Hyparquet: Parquet File Parser for JavaScript — Parquet is a popular column-oriented data file format frequently used for storing large datasets for analysis. Hyparquet is a dependency-free JavaScript library for working with Parquet files, even in the browser (as in this demo).

Introducing Clerk Billing — Clerk Billing lets you add B2C/B2B subscriptions with no payment code or UI work—just drop in components and go.

Node 24 (Current) Released — Node’s release lines are shifting a little lately – v18 has gone EOL and now v23 gives way to v24 as the ‘Current’ release for when you need the cutting edge features. It comes with npm 11, V8 13.6 (hello RegExp.escape, Float16Array, and Error.isError), the URLPattern API exposed by default, plus Undici 7.