Frontend & JS Digest — Week 9

European Commission ordered TikTok to disable infinite scrolling, set screen time breaks, and change its recommender systems—first time a regulator has set a legal standard for addictive platform design under the DSA. Facebook and Instagram are next.

Zustand is rapidly closing in on Redux Toolkit and leads in satisfaction—worth noting that many respondents don't use dedicated state management at all, leaning on useState and useContext instead. TanStack Query tops the "other" category. But it looks like the frontend is stabilizing and React ecosystem is now mature.j

Deep breakdown of five techniques used in the HighTable React component to handle billions of rows—lazy loading, table slicing, infinite pixels, pixel-precise dual scroll mode, and two-step random access for keyboard navigation. Long read, well worth it.

Safari shipped a non-joke implementation of text-wrap:pretty, but combining it with text-align:justify produces blown-out word spacing—a bug report with a clear explanation of why the dynamic programming scoring and justification targets clash.

Builds a fully typed refetchedQueryOptions helper for TanStack Query using generics, conditional types, and function overloading—good deep dive into making the TS compiler enforce correct argument shapes depending on whether a server function takes args.

ASCII wireframe editor in the browser—draw UI mockups with box-drawing characters and export as plain text Markdown. Surprisingly useful for quick lo-fi sketches without leaving the terminal aesthetic.

Ultra-lightweight HTML+CSS+JS UI library at ~8KB min+gz with zero dependencies; semantic tags styled contextually without classes, a few dynamic components as WebComponents. Written out of frustration with bloated JS component libraries—3.8k stars already.

CLI tool that scans a React codebase for security, performance, correctness, and architecture issues and outputs a 0–100 health score with actionable diagnostics; supports --diff for CI, --verbose for file-level details, and --fix to auto-remediate.

The CSS-in-JS classic is back under active development—in case you missed it, v6 is out with TypeScript improvements, faster runtime, and compatibility fixes. Still a solid choice if you prefer co-located styles.

Free MIT-licensed React Gantt chart with drag-and-drop task management, dependencies, and customizable grid columns; React 19 and TypeScript support since v2.3; PRO edition adds auto-scheduling, baselines, split tasks, and export to PDF/Excel/MS Project. Also ships an MCP server for AI-assisted development.

New TanStack library (still alpha) for type-safe keyboard shortcuts—cross-platform Mod modifier, sequence detection (Vim-style cheat codes), hotkey recording, key hold tracking, and scoping to elements; framework-agnostic core with React adapter.

Modernized split-pane component for React—hooks-based, TypeScript-first, accessible with full keyboard navigation and ARIA, touch-friendly, <5KB gzipped; v3 is a clean rewrite with controlled/uncontrolled modes, snap points, and localStorage persistence via usePersistence.

Transpile JSX to OpenSCAD—describe 3D models as a tree of components using the same React mental model, outputs .scad files for printing. Niche but clever; covers all SCAD primitives (cube, sphere, CSG ops, transforms) plus a Raw escape hatch for inline SCAD.

Development-time tool that wraps the global fetch and injects real-world instability—latency, packet loss, retries, stale/out-of-order responses, burst control, and bandwidth throttling. Helps surface UI bugs that only appear under production conditions, not a mock framework.

Go-style errors-as-values for TypeScript using plain unions (T | Error) instead of Result wrappers—TypeScript narrowing does the heavy lifting, unhandled errors become compile errors; ships createTaggedError, exhaustive matchError, tryAsync, and DisposableStack for defer-style cleanup. Zero-dependency at its core.