🎥 Matt Pocock - Arrays, objects... now composites?: The exciting JS proposal that replaces Records and Tuples.
YouTube
Arrays, objects... now ‘composites’?
00:00 Intro
00:37 The Problem
02:28 The Hacky Solution
03:30 Records & Tuples
06:13 Composites
My TypeScript course is 30% off right now: https://www.totaltypenoscript.com
The Composites Proposal: https://github.com/tc39/proposal-composites
Ashley Claymore:…
00:37 The Problem
02:28 The Hacky Solution
03:30 Records & Tuples
06:13 Composites
My TypeScript course is 30% off right now: https://www.totaltypenoscript.com
The Composites Proposal: https://github.com/tc39/proposal-composites
Ashley Claymore:…
📜 Introducing Rslib: Build library with Rspack: Developed by ByteDance Web Infra Team, Rslib is a library that aims to be an ideal library development tool that is easy to configure, offers comprehensive features, leverages a shared ecosystem with application building, and prioritizes performance.
rslib.rs
Rslib: Build library with Rspack - Rslib
The Rsbuild-based library development tool
📜 shape(): A New Powerful Drawing Syntax in CSS: A new function of clip-path is now supported, which lets you to clip your element using arbitrary and responsive shapes.
Frontend Masters
shape(): A New Powerful Drawing Syntax in CSS
I first saw in the Safari 18.4 release notes that shape(), a new function is now supported. Then I saw on MDN it’s actually already in Chrome, too!
👀 React Core PR - createStore() skeleton API: Initial scaffolding work to implement the Concurrent Stores feature mentioned in the latest React Labs update. There’s no implementation yet, but I still find it interesting to check the signature/types of this upcoming API that should support both ad-hoc state updates and the reducer/actions pattern. What strikes me the most is that you can’t access the store value directly, apart from using the
use(store) API, and this totally makes sense in a concurrent world. Remember, this is a work in progress, and things may change.GitHub
Skeleton for store by rickhanlonii · Pull Request #33215 · facebook/react
Note: This doesn't do anything yet. Just sets up some of the skeleton, feature flags, and test files.
Conceptually there's an API to create a store, and then you can read the value ...
Conceptually there's an API to create a store, and then you can read the value ...
👍1
👀 React Core PRs - <SuspenseList> being actively worked on: It’s been a while since we last heard of this upcoming component that we thought would be in React 18. It allows to coordinate Suspense boundaries and control their “reveal order” (forwards/backwards/together).
GitHub
GitHub is where people build software. More than 150 million people use GitHub to discover, fork, and contribute to over 420 million projects.
👀 React Core PR - Transition indicator + onDefaultTransitionIndicator API: A feature being worked on should allow giving user feedback while React transitions are in progress. The default React-DOM implementation should show a native browser spinner, but it’s possible to opt out or provide a custom feedback.
GitHub
Implement Navigation API backed default indicator for DOM renderer by sebmarkbage · Pull Request #33162 · facebook/react
Stacked on #33160.
By default, if onDefaultTransitionIndicator is not overridden, this will trigger a fake Navigation event using the Navigation API. This is intercepted to create an on-going navig...
By default, if onDefaultTransitionIndicator is not overridden, this will trigger a fake Navigation event using the Navigation API. This is intercepted to create an on-going navig...
👀 SWC PR - Initialize @swc/react-compiler: A new package to integrate the React Compiler for all SWC-based projects is coming. It will still use Babel under the hood (details), but it’s possible to optimize by only running it on relevant files (see what Next.js is doing), potentially using parallelization.
GitHub
feat: Initialize `@swc/react-compiler` by kdy1 · Pull Request #10475 · swc-project/swc
Denoscription:
This package will be used for future React Compiler support
This package will be used for future React Compiler support
👀 Next.js PR - Initial Segment Explorer devtool: The Next.js team started working on a tool to help you visualize parallel and interception route segments.
GitHub
[devtool] initial support for segment explorer by huozhi · Pull Request #78858 · vercel/next.js
Background
This is the initial support for an experimental feature "segment explorer" that can help you view the parallel routes segments rendered on your App Router pages.
The Ap...
This is the initial support for an experimental feature "segment explorer" that can help you view the parallel routes segments rendered on your App Router pages.
The Ap...
🔐 Next.js Race Condition to Cache Poisoning - CVE-2025-32421: Low-severity Pages Router vulnerability, already patched.
GitHub
CVE-2025-32421 - GitHub Advisory Database
Next.js Race Condition to Cache Poisoning
📣 Appwrite Sites: The open-source Vercel alternative: The AppWrite cloud platform can now deploy full-stack React meta-frameworks. It positions itself as a direct Vercel competitor, although there are differences (containers vs serverless). It’s a paid cloud product, but you can also self-host it for free.
appwrite.io
Announcing Appwrite Sites: The open source Vercel alternative
This is Appwrite's biggest release to date, and it will change the way you build with Appwrite forever. Develop, deploy, and scale your applications directly from Appwrite. Your all-in-one cloud platform.
👍1
📜 Concurrent Rendering: Free interactive lesson on React transitions from the ui.dev course.
📜 Correctly infers from initial props: You don’t need to explicitly type your context value and can leverage type inference instead.
rena.to
Correctly infers from initial props
📜 Making Next.js Navigation Fast af: Using React Router within your Next.js app works, but I doubt it’s a good idea, doesn’t permit you to use RSCs, and is likely to cause trouble if you use different routers on different pages.
Upstash
Making Next.js Navigation Fast af
Articles and tutorials on serverless technologies from Upstash and community
📜 Mastering Focus Management in React with flushSync: By default, React uses batching and doesn’t flush state updates immediately to the DOM, and you can opt out of this behavior when needed.
Epic React
Mastering Focus Management in React with `flushSync`
Master focus management in React with flushSync. Learn why batching matters, when to use flushSync, and how to create accessible, keyboard-friendly UIs.
👍1