# React · Tech watch [Canonical source]() Building interfaces with React components, state and rendering behavior. ## [Puck: embed a visual editor in a React application]() Puck is a React component for building drag-and-drop editors with your own components. Its modular model leaves the application in control of data and composition rules. 2025-06-01 · [Markdown]() · [Original resource]() ## [21st: explore React components, templates and themes]() 21st collects interface components and blocks, including hero sections, cards and animated backgrounds. The catalogue supports comparing visual directions and finding a starting point to customize. 2025-05-08 · [Markdown]() · [Original resource]() ## [Coss UI: a component library built on Base UI]() The former Origin UI address now leads to coss ui and its component catalogue. Accordions, dialogs, fields and calendars provide shared building blocks for interfaces. 2025-05-08 · [Markdown]() · [Original resource]() ## [PDFSlick: embed PDF navigation and tools in web applications]() PDFSlick provides PDF viewer examples for React, Svelte, SolidJS and JavaScript. Navigation, thumbnails and zoom show how documents can become part of the application interface. 2025-05-04 · [Markdown]() · [Original resource]() ## [Clarify React Query states with pattern matching]() Gabriel Pichot organizes loading, error, success and empty states with pattern matching. The approach reduces scattered branches in components and improves readability. 2025-04-24 · [Markdown]() · [Original resource]() ## [React Agent Hooks: expose interface state to agents]() This library derives LLM tools from React hooks. Human and agent interfaces can share the same state, with a developer-defined schema controlling state changes. 2025-04-20 · [Markdown]() · [Original resource]() ## [Build a React chat with streaming responses]() Robin Wieruch builds a Next.js chat connected to the OpenAI API, from the server route to the interface. The tutorial adds streaming to display responses progressively. 2025-04-20 · [Markdown]() · [Original resource]() ## [Omlet: inspect component and prop usage]() Omlet shows component usage and supplied prop values inside VS Code. These insights help teams understand actual library adoption before changing components. 2025-03-20 · [Markdown]() · [Original resource]() ## [A collection of React libraries for animated interfaces]() This repository collects React component libraries and design systems with animation capabilities. It provides a starting point for comparing their approaches and demos. 2025-02-26 · [Markdown]() · [Original resource]() ## [Made with React: discover ecosystem projects and components]() This catalogue presents applications, components, frameworks and tools built around React. Categories make it easier to find examples and libraries to investigate. 2025-02-25 · [Markdown]() · [Original resource]() ## [Type a polymorphic as prop in a React component]() This tutorial builds an as prop that changes the rendered HTML element while preserving valid property types. TypeScript generics help prevent attributes from leaking between different tags. 2025-02-22 · [Markdown]() · [Original resource]() ## [Motion Primitives: compose interfaces with adjustable animations]() This collection provides animated interface components to copy and customize. Demos cover text effects and transitions for enhancing existing interactions. 2025-02-20 · [Markdown]() · [Original resource]() ## [React Bits: customize animated components from source]() React Bits collects backgrounds, text effects and interactive components installed as source code. Exposed parameters let developers tune motion and appearance for their project. 2025-02-15 · [Markdown]() · [Original resource]() ## [Normy: normalize data to simplify cache updates]() Normy normalizes data fetched through libraries such as React Query or SWR. Shared entities can then update across cached results without repeating synchronization logic. 2025-01-07 · [Markdown]() · [Original resource]() ## [Float: configure a floating animation in React]() The component animates movement and rotation using sine waves. Amplitude, speed and time offsets let you tune the effect and desynchronize multiple elements. 2025-01-05 · [Markdown]() · [Original resource]() ## [ESLint React Hooks: check React rules in your code]() The official plugin provides React lint rules and a recommended ESLint configuration. Its documentation covers setup and options for experimental compiler rules. 2024-12-23 · [Markdown]() · [Original resource]() ## [React Scan: visually locate costly renders]() React Scan highlights components worth inspecting for performance problems. Script and package integrations support an initial diagnosis without rewriting application components. 2024-11-24 · [Markdown]() · [Original resource]() ## [Manage advanced URL filters in the Next.js App Router]() Aurora Scharff uses URL parameters as the source of truth for filtering, sorting and pagination. The article covers coordinating that state with interactions and Server Components. 2024-11-07 · [Markdown]() · [Original resource]() ## [Click to Component: open React source from the browser]() A click shortcut on a component opens its source file in the editor. A context menu also exposes parent components and props to help locate the relevant code. 2024-11-07 · [Markdown]() · [Original resource]() ## [Nuqs: synchronize React state with URL parameters]() Nuqs offers a useState-like API with typed parsers and history controls. It makes filters shareable and reloadable by keeping their state in the URL. 2024-11-04 · [Markdown]() · [Original resource]() Page 3 / 4 [Previous]() [Next]()