#React

[ follow ]
fromMedium
4 days ago

7 Claude Code Prompt Keywords to Improve AI Coding Efficiency

Role framing works surprisingly well for AI. When Claude knows what role it will have for a task, it will ' activate ' the right toolset and skills for this task. This is especially beneficial for technical tasks like coding, as you can provide details about your tech stack right in the role description.
React
#react
React
fromJayfreestone
1 week ago

When React parent components need to know their children

Maintain linear data flow by lifting state, but break it when composition, head management, or layout overrides require it.
fromThisweekinreact
3 weeks ago
React

This Week In React #279: Compiler, TSRX, StyleX, XState, Hook Form, TanStack, shadcn, Chakra, Inertia, Mantine | SPM, SimCam, Enriched Markdown, Agent Device, Navigation SDK, JSI, Paste Input, Crypto, MLX, Jail Monkey | pnpm, Aube, Fresh, Node.js | This Week In React

fromThisweekinreact
1 month ago
React

This Week In React #278: React Email, TSRX, ESLint plugin, Rspack RSC, TanStack, Hook Form | Vision Camera, Expo, Nano Icons, ExecuTorch, Argent, Audio API, CSS, RNSec | TypeScript Go, Node.js, Bun, Hono | This Week In React

React
fromAllthingssmitty
1 month ago

You probably don't need to lift state - Matt Smith

Keep state close to where it's used; lift it only when multiple components need it or to coordinate behavior.
React
fromThisweekinreact
3 months ago

This Week In React #269: State of React, TanStack, Next.js, Tailwind, Base UI, Doctor | Hermes, Sparkling, Yoga, Enriched, Voltra, AI | Interop, Electrobun, Module Federation, Biome, pnpm | This Week In React

State of React 2025 highlights growing Suspense satisfaction, persistent dislike of useEffect, TanStack Query and Zustand popularity, Hermes growth, and ByteDance Lynx accessibility.
React
fromJayfreestone
1 week ago

When React parent components need to know their children

Maintain linear data flow by lifting state, but break it when composition, head management, or layout overrides require it.
fromThisweekinreact
3 weeks ago
React

This Week In React #279: Compiler, TSRX, StyleX, XState, Hook Form, TanStack, shadcn, Chakra, Inertia, Mantine | SPM, SimCam, Enriched Markdown, Agent Device, Navigation SDK, JSI, Paste Input, Crypto, MLX, Jail Monkey | pnpm, Aube, Fresh, Node.js | This Week In React

fromThisweekinreact
1 month ago
React

This Week In React #278: React Email, TSRX, ESLint plugin, Rspack RSC, TanStack, Hook Form | Vision Camera, Expo, Nano Icons, ExecuTorch, Argent, Audio API, CSS, RNSec | TypeScript Go, Node.js, Bun, Hono | This Week In React

React
fromDEV Community
1 month ago

Stop Duplicating API State: A Zustand Registry That Auto-Updates Every Component

Entity-driven state normalization centralizes data management in React apps, ensuring components stay in sync with minimal duplication and efficient updates.
React
fromAllthingssmitty
1 month ago

You probably don't need to lift state - Matt Smith

Keep state close to where it's used; lift it only when multiple components need it or to coordinate behavior.
fromThisweekinreact
3 months ago
React

This Week In React #269: State of React, TanStack, Next.js, Tailwind, Base UI, Doctor | Hermes, Sparkling, Yoga, Enriched, Voltra, AI | Interop, Electrobun, Module Federation, Biome, pnpm | This Week In React

React
fromInfoWorld
1 week ago

Kill the loading spinner with local-first data and reactive SQL

Apps write changes to in-browser SQLite and use a syncing engine to keep cloud and devices synchronized while React UI updates reactively.
fromRubyflow
3 weeks ago

What took 1.5 months to build in React JS took 1.5 days in Glimmer DSL for Web Ruby

I thought I did what would have taken 1 week in React in 1.5 days in Glimmer, which seemed like a great improvement in productivity at the time.
Web frameworks
fromInfoQ
1 month ago

Speed at Scale: Optimizing the Largest CX Platform Out There

Optimizing performance in customer experience platforms involves addressing challenges rather than focusing solely on the latest technologies.
fromThisweekinreact
1 month ago

This Week In React #277: TanStack RSC, React2Dos, Next.js, MUI, Base UI, Aria, StyledComponents, Storm | Pulsar, Nitro Fetch, Flow, Agent React DevTools, Pretext, Vector, Metro, Ease, Voltra | HTML-in-Canvas, Yuku, Bun, Syncpack | This Week In React

TanStack RSCs are supported through three primitive APIs that allow manipulation of RSCs as any other stream of data, compatible with tools like React Query and TanStack Router.
React
React
fromMDN Web Docs
1 month ago

Under the hood of MDN's new frontend | MDN Blog

MDN's frontend was overhauled to simplify design and improve code structure, addressing technical debt from the previous React app.
#nextjs
fromThisweekinreact
1 month ago
React

This Week In React #275: Next.js, TanStack, React Compiler, Inertia, Astro, Trusted Types, Signals | ExecuTorch, Unistyles, RN.run, Preflight, Confetti, AI, Lynx | Pretext, Axios, Node, Playwright, Turborepo | This Week In React

fromThisweekinreact
1 month ago
React

This Week In React #275: Next.js, TanStack, React Compiler, Inertia, Astro, Trusted Types, Signals | ExecuTorch, Unistyles, RN.run, Preflight, Confetti, AI, Lynx | Pretext, Axios, Node, Playwright, Turborepo | This Week In React

UX design
fromSubstack
2 months ago

How Agentation Cut Claude Code UI Iterations in Half

Agentation creates a reliable mapping between visible browser UI elements and their React code, enabling precise, faster AI-assisted UI edits and reducing iteration time.
#virtualization
fromAllen Pike
3 months ago

A Broken Heart

in a modern web app there are many potential causes of a performance problem: third-party JavaScript, overburdened servers, bloated assets, missing database indexes - a list as long as your arm. But decades of building for the web told me that this was a frontend problem. I could just smell it. The page looked janky while loading. And despite being the least-bad approach for web frontends today, the React ecosystem is lousy with ways for a codebase to get tangled, slow, and fishy.
Software development
Web development
fromMedium
1 year ago

5 Top Lovable Alternatives in 2025

Explore Lovable alternatives for greater flexibility, component reuse, and composable architectures like HopeAI when building modular, maintainable React-based web applications.
#ai
fromThisweekinreact
3 months ago
React

This Week In React #267: ViewTransition, Skills, Bun, Next-Intl, Grab, Aria, Gatsby, R3f | Worklets, Teleport, Voltra, AI SDK, Screens, Tamagui, Xcode, Agent-Device | State of JS, Temporal, Babel, Astro, npmx | This Week In React

fromThisweekinreact
3 months ago
React

This Week In React #267: ViewTransition, Skills, Bun, Next-Intl, Grab, Aria, Gatsby, R3f | Worklets, Teleport, Voltra, AI SDK, Screens, Tamagui, Xcode, Agent-Device | State of JS, Temporal, Babel, Astro, npmx | This Week In React

fromLogRocket Blog
3 months ago

How to build agentic frontend applications with CopilotKit - LogRocket Blog

The web is full of AI assistants that appear to understand application UIs, user data, and intent. In practice, however, most of these systems operate outside the application itself. When you try to build one from scratch, you quickly run into a core limitation: large language models have no native understanding of your React state, component hierarchy, or business logic.
Web development
Web frameworks
fromMedium
3 months ago

Is separation of concerns a goal or a lie?

Separation of concerns makes frameworks like React and Tailwind beneficial by dividing complex problems into manageable parts, improving team collaboration and long-term maintainability.
fromThisweekinreact
4 months ago

React Hebdo #265: React Skills, json-render, ViewTransition, Base UI, shadcn, Store, MDX, GTK | RN Windows/macOS/Harmony, Brownie, Enriched, Navigation, Teleport, Nitro | TC39, Astro, jQuery, Node.js | This Week In React

Hi everyone! This week, we saw a lot of activity on X about the new AI skills system. Personally, what excited me most is the new Firefox release that unlocks interesting things for React developers. The React Native ecosystem is also super active, with many interesting releases. And I'm sure Expo 55 beta will drop just after we send our email 😅, so make sure to check their blog because it's coming soon. Don't miss the next email! As always, thanks for supporting us on your favorite platform:
React
fromGitHub
4 months ago

GitHub - puffinsoft/syntux: Generative UIs for the web.

How does generation work? (Does it generate source code?)Generated UIs must be secure, reusable and cacheable. As such, syntux does not generate source code. It generates a schema for the UI, known as a "React Interface Schema" (RIS). See the question below to get a better understanding. This schema is tailored to the value that you provide. It is then hydrated by syntux and rendered.
React
#tanstack-pacer
fromThisweekinreact
5 months ago
React

This Week In React #260: TanStack, Actions, Immer, RTK, Streamdown, XState Store, ReScript, HTML streaming | Vercel v0, Worklets, Skia, Tailwind, Native Stack, Gifted Chat, Enriched | TC39, Playwright, Bun, Astro, Better Auth | This Week In React

fromThisweekinreact
5 months ago
React

This Week In React #260: TanStack, Actions, Immer, RTK, Streamdown, XState Store, ReScript, HTML streaming | Vercel v0, Worklets, Skia, Tailwind, Native Stack, Gifted Chat, Enriched | TC39, Playwright, Bun, Astro, Better Auth | This Week In React

#typescript
Software development
fromLogRocket Blog
5 months ago

I tested 5 AI CLI tools: Here's how they stack up - LogRocket Blog

Five AI coding CLIs were tested by building the same React+TypeScript Todo app; evaluation covered code quality, speed, ease of use, and reliability.
Web development
fromInfoQ
5 months ago

React Advanced 2025: Type Safe URL State Management Takes Center Stage with Nuqs

Storing application state in URL search parameters enables shareable, restorable views and type-safe synchronization across React apps using Nuqs' useQueryState.
fromLogRocket Blog
5 months ago

How to create Liquid Glass effects with CSS and SVG - LogRocket Blog

Apple's Liquid Glass UI for iOS 26 is getting a lot of attention. Beyond the visual hype, it is also raising questions about accessibility and usability. Developers, however, are already trying to recreate the effect for the web and mobile interfaces. On iOS, Liquid Glass is backed by a rendering engine designed to generate high-fidelity, physics-like glass patterns efficiently. Web browsers do not expose this kind of native abstraction, but we do have SVG filters, which are powerful enough to approximate the same effect.
Mobile UX
fromInfoQ
5 months ago

Accessibility with Interactive Components at React Advanced Conf

At React Advanced 2025, Aurora Scharff presented Building Interactive Async UI with React 19 and Ariakit and shared how ARIAKit, an open-source accessibility library, enables developers to build custom UI components that meet WCAG standards without requiring deep accessibility expertise. The presentation showcased a practical approach to combining ARIAKit's unstyled primitives with modern React patterns to create production-ready, accessible interfaces.
UX design
React
fromThisweekinreact
6 months ago

This Week In React #258: TanStack, Next.js, ImGui, next-intl, React-Email, Ink, React Router | Valdi, IntersectionObserver, Nitro, Radon, Lynx, WebGPU, Audio | TC39, Node, Web Animations, TypeScript, pnpm | This Week In React

TanStack DB adds query-driven sync modes enabling components to declare data dependencies, while AG Charts offers high-performance, accessible, canvas-based React charts.
fromblog.logrocket.com
6 months ago

Why frontend devs should care about platform engineering - LogRocket Blog

Build an AI assistant with Vercel AI Elements, which provides pre-built React components specifically designed for AI applications.
React
Web development
fromLogRocket Blog
6 months ago

Kombai AI: The AI agent built for frontend development - LogRocket Blog

Kombai automates conversion of Figma designs into high-quality, component-based frontend code optimized for readability, responsiveness, and modern frameworks.
#javascript
Web frameworks
fromLogRocket Blog
7 months ago

A step-by-step guide to building a full-stack app with TanStack Start - LogRocket Blog

TanStack Start is a client-side-first full-stack meta-framework built on React, Vite, and TanStack Router delivering high performance with a thin server-side rendering layer.
#mediapipe
Web development
fromHackernoon
2 years ago

Building a Simple Spotify Trends Dashboard with React & Data Viz Libraries | HackerNoon

Creating a one-page data analytics app using Flexmonster, Highcharts, and React is efficient and enhances user experience.
Web development
fromCodrops
10 months ago

Building an Infinite Marquee Along an SVG Path with React & Motion | Codrops

Create an infinite scrolling marquee using SVG paths and animate elements with React and CSS properties.
fromInfoQ
11 months ago

Vitest Introduces Browser Mode as Alternative to JSDOM

Vitest, by introducing its Browser Mode, allows tests to run in an actual browser context, enhancing reliability and realism in UI testing.
Node JS
Artificial intelligence
fromLogRocket Blog
11 months ago

Build a React AI image generator with Hugging Face Diffusers - LogRocket Blog

AI has revolutionized creativity in image generation, using text prompts to create art.
This article provides a guide to building an AI image generator app using React and Hugging Face.
Comparisons are made between local inference and managed endpoints for performance and cost.
Diffusion models are key to converting noise into recognizable images based on prompts.
[ Load more ]