Skip to content
OBLAIDISH NEWS
signal_tag · 10_broadcasts

#react

// 10 transmissions tagged with #react

ToneTutor launches free AI HSK speaking test with real‑time tone grading
TX_640897· Engineering

ToneTutor launches free AI HSK speaking test with real‑time tone grading

John Lee’s ToneTutor records Mandarin speech in the browser, transcodes it locally, and uses Gemini 2.5 Flash to grade tone and grammar on the HSK scale. The React‑FastAPI app runs on Google Cloud Run and is free for three sessions per user.

Shadcn/ui beats MUI on bundle size
TX_949698· Engineering

Shadcn/ui beats MUI on bundle size

Shadcn/ui delivers zero-runtime styling and a 90 KB bundle, while Material UI brings 90+ prebuilt components and a 7.3 M weekly npm download count at the cost of an Emotion runtime [Dev.to]

Faiz Ullah's 30,000-line React marketplace
TX_856119· Engineering

Faiz Ullah's 30,000-line React marketplace

Faiz Ullah shares lessons from building a React multi-vendor marketplace with separate authentication systems and Firestore's real-time listeners for live messaging [devto]

React compiler rewritten in Rust, PR opens for review
TX_100205· Engineering

React compiler rewritten in Rust, PR opens for review

A pull request authored by boudra rewrites the React compiler in Rust, replacing the JavaScript implementation and targeting API compatibility. The PR is under review on GitHub.

Performative-UI: Vorpus’s open‑source React component library of design tropes
TX_934545· Engineering

Performative-UI: Vorpus’s open‑source React component library of design tropes

Vorpus has open‑sourced Performative-UI, a React library that bundles a curated set of design tropes. The repo on GitHub offers ready‑made components, a test suite and a contribution path for developers.

Dnd-kit simplifies drag-and-drop in React and Next.js
TX_070783· Engineering

Dnd-kit simplifies drag-and-drop in React and Next.js

A developer used dnd-kit to add sortable lists and draggable cards to a Next.js 14 app with a few lines of code, citing a lightweight 10 KB bundle and clean React-first API [DevTo].

Aimvantage generates interview prep packs in 90 seconds using cv and job link
TX_833106· AI

Aimvantage generates interview prep packs in 90 seconds using cv and job link

AimVantage uses a CV and job link to generate a full interview prep pack in 90 seconds, including company briefs, fit score, cover letter, and mock questions, starting at $5 one-time [devto]

ReactUse ships six pointer hooks to fix hover, long-press, and click-outside bugs
TX_674682· Engineering

ReactUse ships six pointer hooks to fix hover, long-press, and click-outside bugs

ReactUse releases six lean, production-ready React hooks—useHover, useMousePressed, useLongPress, useDoubleClick, useClickOutside, and useScratch—that fix persistent cross-platform gesture bugs in React apps.

Next.js 16 makes Turbopack the default. Migration is mostly free.
TX_006· Engineering

Next.js 16 makes Turbopack the default. Migration is mostly free.

Next.js 16 ships Turbopack as the default bundler for dev and prod, replaces middleware with proxy.ts, and introduces a Build Adapters API. Six months in, the migration story is calmer than expected.

React 19.2 batches Suspense reveals. Server-render hydration gets quieter.
TX_020· Engineering

React 19.2 batches Suspense reveals. Server-render hydration gets quieter.

React 19.2.6 shipped May 6 with type hardening and a notable behaviour change: server-rendered Suspense boundaries are now batched briefly so content reveals together instead of streaming in piecemeal.