Glean 拾遗
Recent picks

3picks · chronological

09-28

TanStack Charts: Framework-Agnostic Grammar of Graphics in TypeScript

TanStack Charts is the newest library from Tanner Linsley's team: a framework-agnostic TypeScript take on the grammar of graphics, already at roughly 160,000 weekly downloads while still in Alpha. Instead of a fixed catalog of chart components, it composes marks, scales, channels, transforms and layers, and inferred types stay tied to the source row. One definition renders through adapters for React, Preact, Vue, Solid, Svelte, Angular, Lit and vanilla DOM, on server or client. Installation is a single package, and a basic React line chart is about 29 kB minified and gzipped; the project's controlled comparison puts its suite at 38-45 KiB against 45-58 KiB for Chart.js, 83-92 KiB for Observable Plot and 153-173 KiB for ECharts. The stability guide says Alpha is not a stable API promise and advises pinning an exact version, the repository warns it is not production-ready, and heavy real-time workloads are steered toward hardware-accelerated renderers. Linsley states almost all of the implementation was produced by AI coding agents under his supervision.

www.infoq.com · 3 min · Data Visualization · Open Source · React
08-22

Deterministic React code scanner that installs as an agent skill

React Doctor is a deterministic React code-quality scanner built for AI coding agents. It analyzes a codebase via CLI and flags issues across state/effects, performance, architecture, security, accessibility, and maintainability, including overly complex functions and repeated JSX that should be extracted. Instead of relying on LLM guesswork, it produces reproducible audit results. The findings can be installed as an agent skill for Claude Code, Cursor, Codex, OpenCode and similar tools, so the same rules guide future fixes. It also ships a GitHub Actions CI mode that only reports issues introduced by the current pull request, and can record Chrome performance traces for runtime hotspots. A good fit for teams whose React code is partially written by agents, or any engineering team that wants a low-noise React quality gate in CI.

github.com · 6 min · Agents · Code Review · Developer Tools
05-29

Introducing React Best Practices: A Structured Repo for AI Agents

Vercel distills 10+ years of React and Next.js optimization into a structured repo with 40+ rules across 8 categories, ordered by impact from eliminating waterfalls to JavaScript micro-optimizations. Each rule includes code samples and impact ratings, and compiles into an AGENTS.md document consumable by AI coding agents.

vercel.com · 6 min · AI · Performance · React