#React

[ follow ]
React
fromInfoQ
2 days ago

React Navigation 8.0 Alpha with Native Bottom Tabs, Reworked TypeScript Inference and History

React Navigation 8.0 introduces native bottom tabs, improved TypeScript inference, and new developer features while minimizing breaking changes.
#markdown
Typography
fromCSS-Tricks
2 days ago

Enhancing Astro With a Markdown Component | CSS-Tricks

Using a Markdown Component simplifies markup and enhances typographic symbols in an Astro project.
Vue
fromRaymondcamden
5 days ago

Building a Simple Markdown PWA App

A Markdown viewer app was built using Electron, focusing on simplicity and functionality for viewing Markdown files.
Typography
fromCSS-Tricks
2 days ago

Enhancing Astro With a Markdown Component | CSS-Tricks

Using a Markdown Component simplifies markup and enhances typographic symbols in an Astro project.
Vue
fromRaymondcamden
5 days ago

Building a Simple Markdown PWA App

A Markdown viewer app was built using Electron, focusing on simplicity and functionality for viewing Markdown files.
#responsive-design
Typography
fromPiccalilli
1 day ago

The end of responsive images

Responsive image markup significantly enhances web performance and user experience, stemming from years of collaborative development efforts.
Web frameworks
fromPython GUIs
1 day ago

Streamlit Widgets: Build your apps using common UI components

Streamlit is a Python library for building interactive web apps with a variety of customizable widgets.
Node JS
fromInfoWorld
1 day ago

Is your Node.js project really secure?

Dependency security workflows in JavaScript and Node.js lack actionability, leading to late awareness of risks and ineffective responses.
Apple
fromCSS-Tricks
1 day ago

Recreating Apple's Vision Pro Animation in CSS | CSS-Tricks

CSS can replicate Apple's complex product animations responsively, showcasing advancements in CSS scrolling animation capabilities.
#vercel
Information security
fromSiliconANGLE
4 days ago

Developer tooling provider Vercel discloses breach that exposed some users' data - SiliconANGLE

Vercel experienced a security breach through Context.ai, compromising limited customer data and employee information.
Information security
fromSiliconANGLE
4 days ago

Developer tooling provider Vercel discloses breach that exposed some users' data - SiliconANGLE

Vercel experienced a security breach through Context.ai, compromising limited customer data and employee information.
#react
fromThisweekinreact
3 days 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
2 weeks 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.
fromThisweekinreact
2 months ago
React

This Week In React #268: Bulletproof Comps, Render Types, Tambo, Logo Soup, React Compiler, Ink, Streamdown | RN 0.84, Gestures, Rozenite, Storybook, JSON Render, Targets, TrueSheet | TypeScript, ESLint, Webpack, Vitest, VSCode | This Week In React

fromThisweekinreact
3 days 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
2 weeks 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.
fromThisweekinreact
2 months ago
React

This Week In React #268: Bulletproof Comps, Render Types, Tambo, Logo Soup, React Compiler, Ink, Streamdown | RN 0.84, Gestures, Rozenite, Storybook, JSON Render, Targets, TrueSheet | TypeScript, ESLint, Webpack, Vitest, VSCode | This Week In React

Web frameworks
fromInfoQ
5 days ago

Pretext.js Bypasses DOM Layout Reflow, Enabling Advanced UX Patterns at 120 FPS

Pretext is a TypeScript library that enhances UI performance by measuring text without causing DOM reflows.
Angular
fromMedium
1 week ago

15+ Best Shadcn Templates for Next.js Developers

Choosing the right Shadcn template for Next.js impacts performance, maintainability, and scalability.
#css
Web development
fromMedium
3 days ago

CSS you didn't know you could style

CSS can style native browser elements like user selection highlights and scrollbars, enhancing the overall design of a website.
Web development
fromMedium
3 days ago

CSS you didn't know you could style

CSS can style native browser elements like user selection highlights and scrollbars, enhancing the overall design of a website.
#javascript
fromCSS-Tricks
1 week ago
Node JS

A Well-Designed JavaScript Module System is Your First Architecture Decision | CSS-Tricks

Node JS
fromFrontendmasters
3 weeks ago

What To Know in JavaScript (2026 Edition)

JavaScript's ECMAScript 2025 introduces new iterator methods and improved set functionalities, enhancing performance and usability for developers.
Node JS
fromAllthingssmitty
5 days ago

Why I don't chain everything in JavaScript anymore - Matt Smith

Chaining methods in JavaScript can complicate readability and debugging, making step-by-step coding often clearer and easier to manage.
Node JS
fromCSS-Tricks
1 week ago

A Well-Designed JavaScript Module System is Your First Architecture Decision | CSS-Tricks

JavaScript modules enable private scopes and controlled global access, essential for managing large programs and avoiding conflicts.
Node JS
fromFrontendmasters
3 weeks ago

What To Know in JavaScript (2026 Edition)

JavaScript's ECMAScript 2025 introduces new iterator methods and improved set functionalities, enhancing performance and usability for developers.
Web frameworks
fromInfoQ
4 days ago

Building Production-Ready tRPC APIs: The TypeScript Alternative to Apollo Federation

tRPC provides end-to-end type safety, significantly reducing API bugs and improving performance compared to GraphQL Federation.
#angular
UX design
fromInfoWorld
2 weeks ago

Rethinking Angular forms: A state-first perspective

A state-first perspective simplifies the architectural model of forms in Angular applications.
UX design
fromInfoWorld
2 weeks ago

Rethinking Angular forms: A state-first perspective

A state-first perspective simplifies the architectural model of forms in Angular applications.
Angular
fromGitHub
2 weeks ago

GitHub - Aejkatappaja/phantom-ui: Structure-aware skeleton loader. One Web Component, every framework.

phantom-ui automates skeleton screen generation by measuring the DOM, eliminating the need for separate skeleton components.
fromThisweekinreact
1 week 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
#view-transitions
Web frameworks
fromBram.us
3 weeks ago

Introducing view-transitions-toolkit, a collection of utility functions to more easily work with View Transitions.

View-transitions-toolkit simplifies implementing advanced View Transition patterns with focused helper functions.
Web frameworks
fromBram.us
3 weeks ago

Introducing view-transitions-toolkit, a collection of utility functions to more easily work with View Transitions.

View-transitions-toolkit simplifies implementing advanced View Transition patterns with focused helper functions.
fromInfoQ
3 weeks ago

Module Federation 2.0 Reaches Stable Release with Wider Support Outside of Webpack

The dynamic type hints feature in Module Federation 2.0 dramatically streamlines the development process by automatically generating and loading types from remote modules, eliminating the need for shared type packages.
Angular
Vue
fromInfoQ
4 weeks ago

Vercel Releases JSON-Render: A Generative UI Framework for AI-Driven Interface Composition

Vercel's json-render framework enables AI to generate structured UIs from natural language prompts, enhancing developer efficiency and creativity.
fromThisweekinreact
2 weeks ago

This Week In React #276: Boneyard, Ink, MUI, React Router, Next.js, shadcn, Docusaurus, Comark, Forms, Shaders | RN 0.85, ViewTransition, Skia, Windows, CRNL, Maestro, True Sheet, Nitro Player, RNGH | JSIR, Security, esbuild, Ky, Intl | This Week In React

React Native v0.85 introduces a new Shared Animation backend, enhancing the animation capabilities of applications. Upcoming features like <ViewTransition> and Skia Graphite promise to further improve user experiences.
React
React
fromMDN Web Docs
2 weeks 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
3 weeks 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 #274: Next.js, React Router, Storybook, HeroUI, Remotion, Lucide, useEffect | Reanimated, Worklets, Nitro Fetch, Navigation, Rozenite, MMKV, Windows, Swift | TypeScript, Signals, Zero, Valibot | This Week In React

fromThisweekinreact
3 weeks 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 #274: Next.js, React Router, Storybook, HeroUI, Remotion, Lucide, useEffect | Reanimated, Worklets, Nitro Fetch, Navigation, Rozenite, MMKV, Windows, Swift | TypeScript, Signals, Zero, Valibot | This Week In React

UX design
fromAdamsilver.io
1 month ago

Why designing in code makes you a better designer

The web has inherent properties like fluidity and vertical stacking; designing with these properties rather than against them creates better, more functional digital experiences.
Software development
fromMedium
2 months ago

Top 7 Lovable alternatives for production-grade apps in 2026

Lovable enables instant prototyping but lacks the structure, tooling, and discipline required for production; teams need alternatives emphasizing architecture, testability, versioning, CI, and dependency management.
Web development
fromCSS-Tricks
1 month ago

4 Reasons That Make Tailwind Great for Building Layouts | CSS-Tricks

Tailwind CSS utilities make layouts more readable and mentally visualizable than traditional CSS by keeping HTML structure apparent in the code.
#neutralinojs
React
fromThisweekinreact
1 month ago

This Week In React #273: RedwoodSDK, Next.js, TanStack, RSC, Async React, SSR, Base UI, AI | Expo UI, Ease, Expo APIs, Keyboard, Flow, DnD, AI | TC39, Temporal, Vite, Vite+, Vitest, Oxlint, Node.js, Bun | This Week In React

RedwoodSDK 1.0 launched with Vite, React Server Components, and Cloudflare integration, offering explicit APIs and composable web primitives for meta-framework development.
Web frameworks
fromInfoWorld
1 month ago

First look: Electrobun for TypeScript-powered desktop apps

Electrobun uses Bun runtime to create smaller Electron applications with built-in differential updates, eliminating the need for bundled browsers and large patch files.
Software development
fromInfoQ
2 months ago

The Ideal Micro-Frontends Platform

Micro-frontends apply microservice principles to the frontend, enabling autonomous teams but requiring solutions beyond runtime component loading due to added complexity.
fromInfoWorld
1 month ago

We mistook event handling for architecture

Events are essential inputs to modern front-end systems. But when we mistake reactions for architecture, complexity quietly multiplies. Over time, many front-end architectures have come to resemble chains of reactions rather than models of structure. The result is systems that are expressive, but increasingly difficult to reason about.
React
JavaScript
fromSubstack
1 month ago

Friday Links #35: Dev Tools, AI & JS Ecosystem Updates

The JavaScript ecosystem continues evolving with AI-powered tools, performance libraries, experimental frameworks, and utilities designed to enhance developer workflows across frontend, backend, and edge environments.
Web development
fromFlorianschulz
1 month ago

Design Engineering 101: Typeahead

Typeahead features suggest text completions as users type, with two variants: dimmed text and highlighted text with additional styling, requiring custom implementation beyond standard HTML elements.
Web frameworks
fromInfoWorld
2 months ago

Reactive state management with JavaScript Signals

Signals provide fine-grained reactive state that pushes updates efficiently, simplifying state management and reducing framework rendering overhead.
React
fromSubstack
1 month ago

5 React Hooks Techniques to Improve Component Performance

Hooks enable cleaner React components, but poor implementation causes performance issues; strategic use of useMemo, custom Hooks, and proper useEffect cleanup prevents unnecessary renders and memory leaks.
fromInfoQ
2 months ago

Waku: The Minimal React Framework Reaches Alpha

Waku, a minimal React framework has released version 1.0 alpha, marking its public API surface area as stable as the project shifts focus towards bug fixes and compatibility improvements. Waku 1.0 alpha represents a significant milestone for the lightweight framework, which has been in development for nearly three years. The release stabilises the framework's public APIs and signals a transition from feature development to refinement and stability.
Web frameworks
React
fromSmashing Magazine
1 month ago

Building Dynamic Forms In React And Next.js - Smashing Magazine

Forms evolve from UI components into rule engines when they accumulate conditional logic, derived values, and complex business rules that exceed standard form library capabilities.
#popover-api
Web development
fromSmashing Magazine
1 month ago

Getting Started With The Popover API - Smashing Magazine

The Popover API enables browsers to natively handle tooltips, eliminating the need for complex JavaScript libraries and providing built-in keyboard interaction, accessibility, and focus management.
Web development
fromSmashing Magazine
1 month ago

Getting Started With The Popover API - Smashing Magazine

The Popover API enables browsers to natively handle tooltips, eliminating the need for complex JavaScript libraries and providing built-in keyboard interaction, accessibility, and focus management.
Web development
fromCSS-Tricks
1 month ago

Popover API or Dialog API: Which to Choose? | CSS-Tricks

Use Popover API for most popovers and Dialog API only for modal dialogs, as they differ significantly in accessibility despite appearing similar.
Web development
fromSmashing Magazine
1 month ago

Getting Started With The Popover API - Smashing Magazine

The Popover API enables browsers to natively handle tooltips, eliminating the need for complex JavaScript libraries and providing built-in keyboard interaction, accessibility, and focus management.
Web development
fromSmashing Magazine
1 month ago

Getting Started With The Popover API - Smashing Magazine

The Popover API enables browsers to natively handle tooltips, eliminating the need for complex JavaScript libraries and providing built-in keyboard interaction, accessibility, and focus management.
Web development
fromCSS-Tricks
1 month ago

Popover API or Dialog API: Which to Choose? | CSS-Tricks

Use Popover API for most popovers and Dialog API only for modal dialogs, as they differ significantly in accessibility despite appearing similar.
fromTreehouse Blog
1 month ago

React Basics: Build Interactive UI the Right Way

When applications grow, state becomes messy, components break, and small changes ripple into unexpected bugs. This is where many learners realize that knowing React syntax is not the same as knowing how React applications are built.
React
fromLogRocket Blog
2 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
fromLogRocket Blog
3 months ago

A dev's guide to Tailwind CSS in 2026 - LogRocket Blog

Tailwind CSS remains highly popular, but AI-driven code generation sharply reduced documentation traffic and Tailwind Labs' revenue, prompting major layoffs and strategic reassessment.
React
fromThisweekinreact
1 month ago

This Week In React #272: Astro, Compiler, Next.js, shadcn, React Aria, Helmet, Preact | Navigation, Expo Agent/Observe/Widgets, Activity, Evals, MMKV, Hermes | Node.js, Source Maps, TanStack Intent, TypeGPU, TypeScript | This Week In React

Astro 6.0 releases with redesigned dev server, built-in font optimization, live content collections, and stable CSP support; Next.js source maps enable production error tracking with real file names; Expo announces agentic platform and observability SDK; React Navigation plans new data loading approach.
React
fromdev.to
1 month ago

React Compiler and Beyond: Capability Boundaries of Compiler-Driven UI Frameworks

React Compiler optimizes expression and render costs within React's runtime, while compiler-first frameworks like Fict move update routing to compile time for dependency propagation, representing different engineering trade-offs rather than competing solutions.
#react-foundation
fromThisweekinreact
1 month ago
React

This Week In React #270: Next.js, React Router, TanStack, Ink, Async, AI | Hermes, React Navigation, CSS Grid, Maestro, QuickPush, Screens, Expo Skills, Async Storage | Node, Oxfmt, TypeScript, Border Shape, Sprites | This Week In React

fromThisweekinreact
1 month ago
React

This Week In React #270: Next.js, React Router, TanStack, Ink, Async, AI | Hermes, React Navigation, CSS Grid, Maestro, QuickPush, Screens, Expo Skills, Async Storage | Node, Oxfmt, TypeScript, Border Shape, Sprites | This Week In React

React
fromMedium
3 months ago

Embedding Laminar Components Inside React: A Scala.js Integration Guide

Mount a React root inside a Laminar element, store the ReactRoot for cleanup on unmount, and use Airstream-driven props to keep state outside React hooks.
fromThisweekinreact
1 month ago

This Week In React #271: Vinext, RSC, Activity, Async React, Next.js, TanStack | Expo 55, Router, Survey, Enriched, Maestro, Metro, Sparkling, Grab, Brownfield | TC39, Temporal, Navigation, npmx, Bun, Deno, Solid | This Week In React

We've identified, responsibly disclosed, and confirmed 2 critical, 2 high, 2 medium, 1 low security vulnerabilities. Vibe-Hacking Cloudflare's Vibe-Coded Next.js Replacement demonstrates that AI-generated code passing functional tests can still miss security hardening, and automated AI tooling can help find those vulnerabilities.
React
#apollo-client
[ Load more ]