Best of React — February 2026
- 1
- 2
Awesome·9w
The framework war is over. There are no winners...
Ryan Carniato's 2025 JavaScript ecosystem review argues the framework wars are ending as architectural patterns converge. React faces criticism for virtual DOM overhead, server components complexity, and AI-generated legacy code patterns. Modern frameworks are shifting toward isomorphic-first architectures with out-of-order streaming, server functions, and signal-based reactivity. After years of server-side rendering hype, frameworks are reversing course to balance server and client logic, with some returning to vanilla JavaScript approaches.
- 3
All ShadCN·7w
Build Powerful Tables. Ship Faster.
A deep dive into the architecture of react-table-craft, a high-performance React data grid library. Covers the headless-first design separating core state engine from UI, a multi-layer config merging system to avoid prop explosion, virtualization as a first-class feature, strict TypeScript generics throughout, and built-in i18n/RTL support at the state level. Also shares performance targets (sub-16ms render for 1k rows, 100k+ row virtualization, <8KB gzipped core) and lessons learned about treating tables as systems rather than components.
- 4
Cloudflare·7w
How we rebuilt Next.js with AI in one week
Cloudflare engineers rebuilt Next.js from scratch on top of Vite in under a week using AI (Claude via OpenCode), producing an open-source drop-in replacement called vinext. It builds production apps up to 4.4x faster with Vite 8/Rolldown and produces client bundles 57% smaller than Next.js 16. vinext deploys directly to Cloudflare Workers with a single command, supports both App Router and Pages Router, includes ISR via KV, and covers 94% of the Next.js 16 API surface backed by 1,700+ Vitest tests and 380 Playwright E2E tests. A novel 'Traffic-aware Pre-Rendering' (TPR) feature uses Cloudflare zone analytics to pre-render only the pages that actually receive traffic, avoiding the linear build-time scaling problem of large Next.js sites. The project cost roughly $1,100 in Claude API tokens and raises broader questions about which software abstractions exist for human cognitive limits versus genuine architectural necessity.
- 5
The Githubers·8w
Learning React First Is Actually a Mistake
Starting with React before mastering JavaScript and browser fundamentals creates knowledge gaps that hinder long-term growth. React abstracts away DOM manipulation, state management, and rendering concepts that beginners need to understand first. A better learning path involves mastering JavaScript fundamentals, browser APIs, and building vanilla JS apps before adopting React. This approach transforms React from mysterious syntax into a logical solution to real problems, creating developers who can debug and adapt rather than cargo-cult code patterns.
- 6
Kitty says hi.·10w
Cursor for UI work
Cursor AI can rapidly bootstrap React applications and handle initial setup tasks much faster than manual coding, but struggles with code quality, component architecture, and creative UI design. The tool tends to create monolithic components with poor logic encapsulation, duplicated code, and limited reusability. While it excels at generating B2B dashboard-style interfaces, it lacks creativity for custom designs and requires significant manual refinement. Best results come from giving narrow, precise tasks rather than broad directives, particularly around component reusability and logic separation.
- 7
SitePoint·8w
The Death of the 'Pure' Frontend Developer: Why Modern Frontend Is Becoming Full-Stack DevOps
The frontend developer role has quietly expanded to encompass full-stack and DevOps responsibilities driven by three architectural shifts: React Server Components enabling direct database queries in component files, edge functions pulling infrastructure logic into frontend repos, and infrastructure-as-config files like vercel.json and next.config.ts. Modern senior frontend job listings now require skills like ORM usage, CDN cache invalidation, CI/CD pipeline configuration, and edge middleware—responsibilities that previously belonged to backend or DevOps engineers. The article provides a two-axis decision framework (industry trajectory vs. career alignment) to evaluate which new responsibilities to embrace, learn strategically, delegate, or push back on. A 90-day upskilling plan covers Server Components and data fetching, edge functions and caching, and CI/CD and observability. It also offers concrete scripts for renegotiating titles, compensation, and role boundaries when scope creep crosses into exploitation.
- 8
InfoQ·9w
Shadcn Releases Visual Project Builder
Shadcn launched a visual project builder accessible via `npx shadcn create` that lets developers customize their entire project setup—including themes, component libraries, icon sets, and design systems—before writing any code. The tool supports Next.js, Vite, and TanStack Start frameworks, offers real-time design previews with options for Radix UI or Base UI foundations, and generates a custom command with all selected parameters. This design-first approach eliminates repetitive manual setup work and aligns with shadcn's philosophy of giving developers complete code ownership by copying components directly into projects rather than distributing them as npm packages.
- 9
Horde·8w
I built Warcraftcn – a Warcraft-styled React UI library (fully open source)
Warcraftcn is a free, open-source React component library with a Warcraft/RTS game aesthetic, built on shadcn/ui. Currently includes 7 components (Badge, Button, Card, Dropdown Menu, Input, Skeleton, Textarea) with plans to expand coverage and add faction-specific themes (Orc, Elf, Human, Undead). Uses image assets generated with AI for rapid development rather than CSS/SVG implementation.
- 10
Gusto Engineering·9w
The Journey to a Safer Frontend: Why We Removed React.FC
Gusto Engineering removed React.FC from their codebase after discovering it silently weakened TypeScript's type checking. The utility type allowed invalid default props, hid unused props, and broke generic type inference. Through automated codemods, they migrated over 5,000 files to explicit prop typing with clear return types, uncovering dozens of hidden bugs in the process. The change improved type safety, code predictability, and was enforced going forward with ESLint rules.
- 11
marmelab·7w
React-Admin: February 2026 Update
React-admin versions 5.12, 5.13, and 5.14 bring a range of new components and improvements. New components include RecordsIterator for custom list rendering, TextArrayField for displaying string arrays, DataTableInput for table-based selection dialogs, and FilterValue for showing active filters as MUI Chips. Key improvements include dramatically faster ArrayInput performance via fine-grained react-hook-form subscriptions, ExportButton support in all ListContext components, enhanced fallback handling with error/loading/empty/offline props, and configurable auto-focus in SimpleFormIterator. The releases also introduce a TanStack Router adapter (ra-router-tanstack package), modernized package exports with SSR/RSC support and reduced bundle size, ag-grid v35 support in DatagridAG, rjsf v6 support in JsonSchemaForm, and MUIX v8 in date/time inputs. Headless logic in ra-core has been expanded with new hooks and base components to support the Shadcn Admin Kit.
- 12
Warper: Rust Powered React Virtualisation Library
Warper 7.2 is an open-source React virtualization library that offloads scroll calculations to a Rust-compiled WebAssembly module. Key v7 changes include zero-allocation hot paths using TypedArrays, O(1) circular buffer operations for frame timing, and universal bundler support (Vite, Webpack, Rollup, esbuild, Parcel, Next.js). The library uses a Fenwick tree for item height tracking, enabling O(log n) prefix sum queries. Benchmarks claim 120 FPS with 100,000 items versus react-window's ~40 FPS. At 8.7KB gzipped, it sits between react-window (~6KB) and TanStack Virtual (~12KB). Community reception is mixed, with enthusiasm for the approach but questions about practical necessity and reported Firefox compatibility issues.
- 13
Trendyol Tech·7w
Breaking the Re-render Chain: Our Migration from Context to Zustand
The Trendyol Affiliate Ads team migrated from React Context API to Zustand after hitting performance ceilings caused by cascading re-renders and lack of granular subscriptions. Their complex Ads Editor was generating 8,000+ function calls per interaction, causing visible UI lag. They adopted a feature-based store architecture with 7 independent Zustand stores for the create flow, using Immer for nested state updates and named DevTools instances for debuggability. The incremental, feature-by-feature migration avoided production risk. Results included a ~20% average reduction in interaction latency (31% in the most complex scenario), 80%+ reduction in Cumulative Layout Shift, 28% fewer UpdateLayoutTree recalculations, and a 60% drop in developer onboarding time. Key lessons: granular selectors are the primary performance driver, scoped stores beat a single global store, and the real bottleneck was React doing unnecessary work rather than slow JavaScript execution.
- 14
freeCodeCamp·9w
The Modern React Data Fetching Handbook: Suspense, use(), and ErrorBoundary Explained
React's Suspense, use() API, and Error Boundaries provide a declarative alternative to traditional useEffect-based data fetching. Instead of fetch-on-render patterns that create waterfalls and require manual loading states, Suspense enables render-as-you-fetch coordination. The use() hook reads promises during render, pausing until resolved, while Error Boundaries catch failures gracefully. This pattern eliminates unnecessary state management, conditional rendering logic, and sequential request chains—resulting in cleaner, more maintainable code with better UX through independent component loading and recoverable errors.
- 15
Avijit Dey·8w
Free open-source animated icon library for React (shadcn compatible)
AnimateIcons is a free open-source library providing animated SVG icons for React applications. It offers smooth animations powered by motion, integrates with shadcn CLI for easy installation, includes Lucide and Huge icon libraries, and is fully customizable and lightweight. Icons can be installed directly into projects using a simple command.
- 16
- 17
Build a Production-Ready Pipeline with Docker, CI/CD & Hostinger
A comprehensive 4-hour video course teaches how to containerize a full-stack React, Go, and MongoDB application using Docker and Docker Compose. The tutorial covers creating separate development and production environments, pushing images to DockerHub, deploying to Hostinger both manually and through terminal, and setting up automated CI/CD deployment using GitHub Actions. The course progresses from local development through containerization to production deployment with automated pipelines.
- 18
This Week In React·10w
This Week In React #267: ViewTransition, Skills, Bun, Next-Intl, Grab, Aria, Gatsby, R3f
Weekly React newsletter covering ecosystem updates including React 19 support in Gatsby, WebGPU support in React Three Fiber, and ahead-of-time compilation in Next Intl. React Native section highlights Worklets 0.8 with bundle mode and VisionCamera V5 multithreading improvements. Additional coverage includes State of JavaScript 2025 results showing React's growing usage but declining satisfaction, Temporal API implementation progress in JavaScriptCore, and Babel 7.29 as the final minor release before Babel 8 RC.
- 19
Matt Pocock·7w
Never Run claude /init
Running `claude /init` generates a CLAUDE.md file that bloats the agent's system prompt with auto-discovered codebase documentation. This wastes tokens on every request, distracts the agent with irrelevant context, and quickly goes out of date as code changes. Research confirms that unnecessary requirements in context files make tasks harder. Instead, agents should rely on their built-in explore phase to discover context just-in-time. The only content worth putting in CLAUDE.md is truly global, non-obvious setup information (e.g., 'you are on WSL on Windows') — keep it to a minimum and let the file system and source code serve as the real source of truth.
- 20
Collections·7wVercel Launches React Best Practices Skill with 40+ Performance Optimization Rules for AI Code Assistants
Vercel has open-sourced 'react-best-practices', a repository containing 40+ performance optimization rules for React and Next.js applications. Organized into eight categories, the rules cover async waterfall elimination, bundle size reduction, re-render optimization, and JavaScript micro-optimizations, each with before-and-after code examples. A key feature is an AGENTS.md file that packages all rules into a format queryable by AI coding tools like Claude Code, Cursor, Codex, and OpenCode via a single install command. The repo has gained over 21k GitHub stars and 150k weekly installs, though some community members raise concerns about supply chain security and whether codified rules effectively address AI agent failure modes.
- 21
Building an Admin App with TanStack Start and Shadcn
Step-by-step guide to building a CRUD admin interface using TanStack Start, Shadcn/ui, and the Shadcn Admin Kit. Covers project setup, connecting to a REST API via a data provider pattern (using JSONPlaceholder as a demo backend), mapping API endpoints to resources, and scaffolding list, detail, edit, and create views using Guesser components before customizing them.
- 22
Syncfusion·8w
Choosing a React Animation Library: Performance Trade-Offs in Real Apps
Seven React animation libraries compared for production use: Motion (Framer Motion) for general UI polish, GSAP for complex timelines, react-spring for physics-based motion, AutoAnimate for automatic list transitions, React Transition Group for simple CSS-driven animations, Lottie for designer-created assets, and Anime.js for lightweight sequencing. Each library's performance characteristics, bundle size impact, and ideal use cases are evaluated against real-world constraints like SSR compatibility, data-heavy dashboards, and accessibility requirements.
- 23
developedbyed·9w
My favourite animation tool is FINALLY HERE
ASCII Gen is a new tool that converts videos and PNG sequences into pure ASCII art animations for web applications. Unlike 3D renderers or video-based solutions that add significant bundle size, this approach generates lightweight text files (around 200KB total) that can be easily integrated into React, Vue, and other frameworks. The tool provides pre-made animations, a script for custom generation, and an upcoming terminal UI for local conversion. The creator validated demand through social media before launching, getting 5,000 likes on an initial post.
- 24
Wawa Sensei·10w
3 React Three Fiber Mistakes I'll Never Make Again
Three common architectural mistakes when building React Three Fiber applications: mixing React renders with the Three.js frame loop (solved by using a mesh registry for real-time updates), making everything reactive in state management (fixed by using non-reactive mutations for visual side effects), and placing logic in React components instead of frame-based systems (resolved by creating dedicated systems with useFrame). These patterns improved performance and code maintainability in a 3D editor rewrite.
- 25
AI Coding Is here to stay
A developer shares personal reflections on how AI coding tools have reshaped software development, including killing the traditional tutorial YouTube niche. Practical tips are offered: reset context windows after 100k-200k tokens, avoid pre-made MCP/agent configs in favor of project-specific rules files, ask follow-up questions to learn from AI implementations, and run two parallel agent instances at most. The author also promotes their own React ASCII animation library (AskGen) built in under two days using Claude Opus and Codex, and teases an AI-first interactive coding learning platform.