Meta releases its React design system

дата:
Plus shadcn/ui gets chat components, React Router 8.1, and shadcn-inspired mapping components.

#​481 — July 3, 2026

Read on the Web
Together with  Master.dev
 React Status

Meta Releases Its Astryx Design System — Built on React and StyleX, and under development at Meta for over 8 years (powering “over 13,000 apps”, they claim), Astryx provides more than 160 components, theming, templates, and tooling. There's also a playground to experiment with.

Meta

💡 In How Astryx Works, the Meta team explains the technical story behind the project, why they built it, and the basics of its operation.

Agentic Frontend Development — Join this interactive workshop and see how AI can help with the messy middle of frontend work. Covers practical patterns for prompting, reviewing, debugging, and iterating with Codex — to help design, build, and refine modern interfaces.

Master.dev sponsor

IN BRIEF:

The Hidden Cost of Hydration Mismatches — How a single hydration mismatch, combined with web font swapping, can push a React page’s Largest Contentful Paint (LCP) from green into the red.

Ivan Akulov

📄 How We Made React Native Animations Smooth on Low-End Android – A deep dive into Skia, Reanimated, and Hermes performance on budget Android. Vishesh Raheja

📺 How Tanner Linsley Built TanStack to Outlive Him – A very smoothly produced 15-minute interview with the creator of TanStack. The Build Log

📄 Next.js Already Traces Your Requests: How to Export Them with OpenTelemetry Kyle Tryon (Sentry)

📄 I Let React Compiler Handle Memoization: Here's What Actually Broke Isaac Okoro (LogRocket)

🛠  Code, Tools & Libraries

mapcn: Ready-to-Use Customizable Map Components — Built by a Cloudflare design engineer, mapcn is a suite of map components for React based on MapLibre and styled with Tailwind. If you use shadcn/ui, you’ll be very comfortable here as it follows the same approach.

Anmoldeep Singh

💬 shadcn/ui Adds New Components for Chat Interfaces — MessageScroller, Message, Bubble, Attachment, and Marker components join the suite, providing an easy way to create a messaging experience in your app.

shadcn Team

termcn: A Suite of Beautiful Terminal Components for React — Built on Ink and OpenTUI and distributed via the shadcn CLI, this is a comprehensive component library for terminal UIs.

Aniket Pawar

React Icons 5.7: Easily Bring Popular Icons Into Your React Projects — Use imports to bring in only the icons your project needs from sets like Font Awesome, Typicons, GitHub’s Octicons, and more. v5.7 bumps all the icon sets up to their latest versions.

Kamijin Fanta

📰 Classifieds

Real-time UI, stale data? The bottleneck is the query, not the component. TimescaleDB fixes it.

⚛️ You compose React from components. Compose your AI backend the same way — agents as typed APIs, native TypeScript SDK, 100+ recipes. → Star on GitHub.
n

Комментарии

Отправить комментарий