React 19 forwardRef Migration: ref as a Prop in TypeScript
React 19 forwardRef migration in TypeScript: take ref as a regular prop, type it with ComponentProps, merge refs with cleanups and keep asChild working.
React 19 forwardRef migration in TypeScript: take ref as a regular prop, type it with ComponentProps, merge refs with cleanups and keep asChild working.
Why a React use mobile hook is false on the server, when CSS breakpoints beat it, and an SSR-safe useSyncExternalStore version with no hydration mismatch.
Tailwind v4 design tokens from a production React library: @theme inline, semantic surfaces, status colors, dark mode and a contrast check you can run in CI.
The posts cover design tokens in Tailwind v4, dark mode that is designed instead of inverted, color contrast checks, media query hooks that are safe during server rendering, motion that respects reduced motion settings, and the TypeScript patterns that keep component props strict and easy to read. Each guide comes from problems we solved while building Wingo UI on Next.js 16, React 19 and Tailwind CSS v4, so the examples are tested in a real codebase.
If you maintain a design system, migrate an older shadcn/ui setup or simply want your components to survive the next framework upgrade, start here.
How to build React interfaces that feel native on phones: bottom sheets, touch targets, safe areas and tables that turn into cards.
10 posts
Practical guides for building React UI with Claude Code, Cursor and Codex: MCP servers, rules files, llms.txt and component registries.
4 posts
Deep guides to single React components: when to use each one, the props that matter, accessibility, mobile behavior and common pitfalls.
9 posts
Honest, dated comparisons of React component libraries and tools, with sources, prices and a clear pick for each use case.
3 posts
Step by step tutorials that build real React screens and apps, from sign in and settings to admin dashboards, with every screen working on phones.
1 post
No spam. Unsubscribe at any time.