#React

[ follow ]
Web development
fromInfoQ
5 days 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
1 week 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
#react
fromInfoQ
2 weeks 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
fromLogRocket Blog
2 weeks ago

How to speed up long lists with TanStack Virtual - LogRocket Blog

When you are building a social feed, data grid, or chat UI, everything feels fine with 10 mock items. Then you connect a real API, render 50,000 rows with myList.map(...), and the browser locks up. The core problem is simple: you are asking the DOM to do too much work. Virtualization solves this by rendering only what the user can actually see. Instead of mounting 50,000 nodes, you render the 15-20 items that are visible in the viewport, plus a small buffer.
React
React
fromThisweekinreact
3 weeks ago

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

TanStack Pacer Beta provides framework-agnostic timing utilities plus a React adapter with debouncing, throttling, batching hooks and Devtools.
#nextjs
React
fromThisweekinreact
1 month 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
1 month 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
1 month 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
fromInfoWorld
7 months ago
Angular

Experiments in JavaScript: What's new in reactive design

Front-end JavaScript development is driven by experimentation, focusing on the latest frameworks and features to enhance workflow and app performance.
fromInfoWorld
7 months ago
Angular

Comparing Angular, React, Vue, and Svelte: What you need to know

Reactive frameworks like Angular, React, Vue, and Svelte have evolved significantly, enhancing their utility for building scalable applications.
Angular
fromInfoWorld
7 months ago

Comparing Angular, React, Vue, and Svelte: What you need to know

Reactive frameworks like Angular, React, Vue, and Svelte have evolved significantly, enhancing their utility for building scalable applications.
Web frameworks
fromLogRocket Blog
2 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
fromMedium
10 months ago
Graphic design

How to Cheat at UI Design

Designing doesn't require starting from scratch if you leverage modern tools effectively.
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.
React
fromLogRocket Blog
5 months ago

React & TypeScript: 10 patterns for writing better code - LogRocket Blog

TypeScript enhances React applications by addressing challenges of type safety and code maintainability.
#svg
#ai
fromInfoQ
6 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
6 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.
React
fromInfoQ
6 months ago

TanStack Releases TanStack Form V1

TanStack Form is a new cross-framework form library supporting multiple front-end frameworks and runtimes.
React
fromSitepoint
6 months ago

How to Build Scalable Web Apps with React JS - SitePoint

Scalability is essential for application survival, enabling growth without performance degradation.
#front-end-development
fromVuejobs
7 months ago
Marketing tech

Senior Developer for Geospatial Media Planning Company (remote) at Goldfish Ads

fromVuejobs
7 months ago
Marketing tech

Senior Developer for Geospatial Media Planning Company (remote) at Goldfish Ads

fromLogRocket Blog
7 months ago

React WebSocket tutorial: Real-time messaging with WebSockets and Socket.IO - LogRocket Blog

The WebSocket protocol offers persistent, real-time, full-duplex communication between the client and the server over a single TCP socket connection.
Node JS
React
fromLogRocket Blog
7 months ago

Axios POST requests: Handling errors, authentication, & best practices - LogRocket Blog

Axios is a powerful HTTP client for making asynchronous requests, particularly useful for POST method in web development.
React
fromLogRocket Blog
7 months ago

The 9 best Create React App alternatives - LogRocket Blog

Create React App has been deprecated as of February 2025 in favor of more modern alternatives for creating React applications.
Mobile UX
fromLogRocket Blog
7 months ago

Building responsive websites fast: A Float UI tutorial - LogRocket Blog

Float UI offers pre-made templates using Tailwind CSS, enabling quick website creation for developers.
Online Community Development
fromGeeky Gadgets
8 months ago

Learn How to Build a MCP Clients with Gemini 2.5 Pro

A custom MCP client using Gemini 2.5 Pro offers flexible communication solutions utilizing modern technologies.
Backend development involves establishing server connections and APIs, while frontend focuses on user interface and contextual memory.
Contextual memory enhances conversation flow and user engagement by recalling past interactions.
Voice response improves accessibility for a diverse range of users.
[ Load more ]