DIY Devs

React 19.2 – React The library for web and native user interfaces

ICYMI, React 19.2 is out. Some new features include <Activity /> for smart rendering, useEffectEvent, cacheSignal, Partial Pre‑rendering, and improved SSR behavior. All around upgrades in flexibility and performance. react.dev/blog/2025/10...

#React #React19 #WebDev #JS #Frontend

Cloudflare just got faster and more secure, powered by Rust We’ve replaced the original core system in Cloudflare with a new modular Rust-based proxy, replacing NGINX. It’s not only substantially faster for all our customers, it’s also more secure, and lets us...

Cloudflare just upgraded its core with Rust & new architecture. They're reporting that it cut response latency by ~10 ms and delivered ~25% performance gains. blog.cloudflare.com/20-percent-i...

#Cloudflare #Rust #NetworkUpgrade

Our plan for a more secure npm supply chain GitHub is strengthening npm's security with stricter authentication, granular tokens, and enhanced trusted publishing.

GitHub is also ramping up security for the npm ecosystem. They're rolling out stricter verification, improved auditing, and stronger protections across the supply chain. github.blog/security/sup...

#npm #GitHub #DevTools

pnpm 10.16 | pnpm Minor Changes

pnpm v10.16 introduces minimumReleaseAge, a setting to delay installing newly published packages to mitigate supply‑chain risk. It also added “finder functions” for dependency filtering. pnpm.io/blog/release...

#pnpm #JSDev #NodeJS #PackageManager

ctrl/tinycolor and 40+ NPM Packages Compromised - StepSecurity The popular @ctrl/tinycolor package with over 2 million weekly downloads has been compromised alongside 40+ other NPM packages in a sophisticated supply chain attack dubbed

Heads up, the npm package @ctrl/tinycolor and 40+ related packages were compromised in a supply‑chain attack dubbed “Shai‑Hulud.” Check versions, revoke tokens, and scan your dependencies. www.stepsecurity.io/blog/ctrl-ti...

#npm #SupplyChainAttack #DevOps #OpenSource

Animating with Tailwind CSS | Motion Unlock powerful UI animations by combining Motion with Tailwind CSS. This guide covers practical tricks for animating utility classes, generating CSS springs and more.

Motion x Tailwind CSS might be a dream combo. You can animate utility classes, have responsive motions via CSS vars, and even generate spring easing with Motion for AI. motion.dev/docs/react-t...

#MotionJS #TailwindCSS #WebDev #React #Animations

Mediabunny A JavaScript library for reading, writing, and converting media files. Directly in the browser, and faster than anybunny else.

Mediabunny is a fast, browser‑native JS library for reading, writing & converting audio/video files. It's great for web media apps. mediabunny.dev

#WebMedia #JavaScript #WebDev #OpenSource

Open SDK strategy - Vercel Vercel’s Open SDK strategy commits to building frameworks, SDKs, and tools in the open, under permissive licenses. Learn how we’re avoiding lock-in, ensuring portability, and investing in open source ...

Vercel launched its Open SDK Strategy, building tools under permissive OSS licenses, engineered for portability. vercel.com/blog/open-sd...

#OpenSource #Vercel #DevTools #WebDev #Portability

👀 React Native 1.0 is finally on the horizon

Announced at React Universe Conf, they will share the plan to reach 1.0 soon!

RN recently:
- improved its release process (6x/year)
- stabilized and clarified its public APIS
- introduced workflows to catch breaking changes

GitHub - chrislgarry/Apollo-11: Original Apollo 11 Guidance Computer (AGC) source code for the command and lunar modules. Original Apollo 11 Guidance Computer (AGC) source code for the command and lunar modules. - chrislgarry/Apollo-11

Interested in the Apollo 11 source code? Well, it's actually on GitHub. The assembly language that flew humanity to the Moon, complete with all the required historical depth. github.com/chrislgarry/...

#Apollo11 #SpaceDev #OpenSource #AGC

Announcing ImageJS 1.0 | ImageJS We're excited to announce the release of a new major version of ImageJS!

There's a new major version of ImageJS. v1.0 brings full TypeScript support, a clearer API with read()/write() in place of load()/save(), stricter image constructors, and better editor tooling. docs.image-js.org/blog/release...

#ImageJS #TypeScript #JS #ImageProcessing #DevTools

Firefox 142 brings about a more streamlined and powerful browser with stable link previews, flexible tracking protection exceptions, and active tab visibility in collapsed groups.

#Firefox142 #WebDev #Privacy #BrowserUpdate

Svedit is a Svelte‑5 library for building rich content editors. There's no CMS required if you want to model content in JSON or edit in-place. Pretty good for lightweight layouts. svedit.vercel.app

#Svelte #WebDev #RichText #OpenSource

Typechecker Zoo is a project that uses Rust to build compact toy implementations of classic static type systems (like Hindley–Milner). It's a fun hands-on dive. Check it out: sdiehl.github.io/typechecker-...

#TypeTheory #Rust #Compilers #PLDesign

Announcing TypeScript 5.9 - TypeScript Today we are excited to announce the release of TypeScript 5.9! If you’re not familiar with TypeScript, it’s a language that builds on JavaScript by adding syntax for types. With types, TypeScript mak...

TypeScript 5.9 is out and it brings import defer for deferred module loading, a slimmer tsc --init, stable --module node20, expandable hover tooltips, and more. devblogs.microsoft.com/typescript/a...

#TypeScript #JavaScript #WebDev #DevTools

pnpm 10.14 | pnpm Added support for JavaScript runtime installation

pnpm v10.14 now supports JavaScript runtime installation. So you can declare Node.js, Deno, or Bun in your package.json and pnpm handles downloading, pinning, and checksumming for consistent dev environments. pnpm.io/blog/release...

#pnpm #JSDev #NodeJS #PackageManager

GitHub just got less independent at Microsoft after CEO resignation GitHub will be part of Microsoft’s AI engineering team

With GitHub's CEO stepping down, GitHub will fold directly into Microsoft's CoreAI division. ...😬
www.theverge.com/news/757461/...

#GitHub #AI #DevTools

Waku Gains Vite RSC Support It Was a Long Journey to Get Here

Have you heard of Waku? It's a minimal React framework built for the server‑components era. It's lightweight and offers SSG/SSR flexibility. It also now has Vite RSC support. newsletter.daishikato.com/p/waku-gains...

#React #Waku #WebDev #RSC #SSG

Modern CSS is pretty powerful with its smooth page loads and UI transitions. But what do you think, is it enough to do away with SPA frameworks?

#ModernCSS #WebDev #SPA #Frontend

Node.js — Node.js v22.18.0 (LTS) Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.

Node.js v22.18.0 has experimental TypeScript stripping enabled by default, so you can now run .ts files directly in Node. Plus updates like import.meta.main and watch-mode flags are also included. nodejs.org/en/blog/rele...

#NodeJS #TypeScript #LTS #DevTools

Precompiled React Native for iOS: Faster builds are coming in 0.81 React Native 0.81 introduces precompiled iOS builds, cutting compile times by up to 10x in projects where React Native is the primary dependency.

Expo and Meta teamed up to deliver precompiled React Native builds on iOS. Build times are expected to drop up to 10×, hopefully saving battery life. expo.dev/blog/precomp...

#ReactNative #DevTools #MobileDev

Popular npm linter packages hijacked via phishing to drop malware Popular JavaScript libraries eslint-config-prettier and eslint-plugin-prettier were hijacked this week and turned into malware droppers, in a supply chain attack achieved via targeted phishing and cre...

Last week, popular npm linter packages like eslint-config-prettier and eslint-plugin-prettier were hijacked. The compromised versions deployed malware via postinstall scripts, enabling remote control on Windows. Make sure you audit! www.bleepingcomputer.com/news/securit...

#npm #JavaScript #WebSec

The many, many, many JavaScript runtimes of the last decade This last decade has seen an inundation of new JavaScript runtimes (and engines in equal measure), enabling us to run JavaScript in all manner of contexts...

Want a deep dive into JavaScript’s evolution? Then here's a good read for you. buttondown.com/whatever_jam...

#JavaScript #JSRuntimes #WebDev #DevTools

Celebrating 20 years of MDN | MDN Blog MDN turns 20! Let's look at how we started, how MDN became the most trusted resource for web developers, the impact it's had on the open web, and yes, there's cake, too.

MDN turned 20 years old. What started as a community wiki in 2005 is now a global reference with 14,000+ docs and 33,000+ translations. It’s definitely my go-to hub for web dev wisdom. developer.mozilla.org/en-US/blog/m...

#webdev #MDN #OpenStandards

Reanimated 4 Stable Release — the Future of React Native Animations We are publishing first stable version of Reanimated 4.0. Read to learn what’s new in this release and why it is so important.

Reanimated 4 brings CSS‑style animations & transitions and an improved layout performance, all while staying backward‑compatible. blog.swmansion.com/reanimated-4...

#Reanimated4 #ReactNative #MobileDev #Animations #DevTools

Vue Bits An open source collection of high quality, animated, interactive & fully customizable Vue components for building stunning, memorable user interfaces.

Vue Bits is an open source library of animated, interactive Vue components. There's now 80+ customizable components and animations for crafting UIs. vue-bits.dev

#VueJS #VueBits #WebDev #UI

How to Build 2D Game-Style Physics with Matter.js and React Native Skia Learn how to build real-time 2D physics with Matter.js, Skia, and Reanimated in a React Native + Expo app. Perfect for games, simulations, or fun UIs.

Expo has a guide on how to build 2D, game style physics in React Native using Matter.js + Skia. You can simulate gravity, collisions, & gestures without a heavy engine. expo.dev/blog/build-2...

#ReactNative #Skia #MatterJS #Expo

Three.js Instances: Rendering Multiple Objects Simultaneously | Codrops Learn how to render thousands of 3D objects efficiently using instancing in React Three Fiber, as demonstrated in the performance-optimized basement.studio site.

You can learn how to render thousands of objects in one draw call using instancing with Three.js. All that performance with minimal CPU/GPU overhead. tympanus.net/codrops/2025...

#ThreeJS #ReactThreeFiber #WebGL #3DWeb

Introduction Welcome to Untitled UI React documentation. Untitled UI React is the world's largest collection of open-source React components.

Untitled UI React is the largest open source React component library built with Tailwind CSS v4.1 and React Aria. You can copy, paste & build without vendor lock-in. www.untitledui.com/react/docs/i...

#React #TailwindCSS #ARIA #WebDev #OpenSource

Reaper - An open-source SDK for finding dead code Writing code is easier than ever. We want to make deleting code just as easy – introducing Reaper for iOS and Android. Reaper was an Emerge Tools product that h...

Have you heard of Reaper? It's an SDK that uses runtime analysis to spot dead code in your iOS/Android apps. It could even help reduce bugs. blog.sentry.io/an-open-sour...

#MobileDev #SDK #DevTools #CleanCode