#vuejsreactjs

[ follow ]
Angular
fromMedium
2 days ago

15+ Best Shadcn Templates for Next.js Developers

Choosing the right Shadcn template for Next.js impacts performance, maintainability, and scalability.
Software development
fromTheregister
2 days ago

I vibe coded web app: It was enlightening and uncomfortable

Vibe coding effectively utilizes AI for coding tasks, despite concerns about responsibility and the implications of AI technology.
#view-transitions
Web frameworks
fromBram.us
1 week 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 development
fromCSS-Tricks
1 day ago

7 View Transitions Recipes to Try | CSS-Tricks

View transitions enhance user experience and are supported by major browsers, but require careful setup and understanding of animation types.
Web frameworks
fromBram.us
1 week 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 development
fromCSS-Tricks
1 day ago

7 View Transitions Recipes to Try | CSS-Tricks

View transitions enhance user experience and are supported by major browsers, but require careful setup and understanding of animation types.
#angular
UX design
fromInfoWorld
5 days ago

Rethinking Angular forms: A state-first perspective

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

Rethinking Angular forms: A state-first perspective

A state-first perspective simplifies the architectural model of forms in Angular applications.
#react
React
fromDEV Community
1 week 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 #264: Next.js, Immer, React Router, Waku, Ant, React Conf, | Voltra, 0.84 RC, Hermes, Galeria, Nitro, Radon, Facetpack, Rock, Haptics | Chrome, Astro, Turborepo, Rspack, Rising Stars | This Week In React

React
fromDEV Community
1 week 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 #264: Next.js, Immer, React Router, Waku, Ant, React Conf, | Voltra, 0.84 RC, Hermes, Galeria, Nitro, Radon, Facetpack, Rock, Haptics | Chrome, Astro, Turborepo, Rspack, Rising Stars | This Week In React

#css
jQuery
fromCSS-Tricks
5 days ago

Selecting a Date Range in CSS | CSS-Tricks

A date range selector allows users to choose a time frame for various scheduling and booking tasks.
JavaScript
fromRubyflow
6 days ago

Practical CSS: simplifying UI code with pseudo-classes

CSS pseudo-classes can simplify UI interactions by handling presentation logic, allowing JavaScript to focus on behavior.
jQuery
fromCSS-Tricks
5 days ago

Selecting a Date Range in CSS | CSS-Tricks

A date range selector allows users to choose a time frame for various scheduling and booking tasks.
JavaScript
fromRubyflow
6 days ago

Practical CSS: simplifying UI code with pseudo-classes

CSS pseudo-classes can simplify UI interactions by handling presentation logic, allowing JavaScript to focus on behavior.
#web-development
Web development
fromTreehouse Blog
12 hours ago

The Difference Between Front End, Back End, and Full Stack Development

Front-end, back-end, and full stack are distinct roles in web development, each with unique responsibilities and technologies.
fromSpeckyboy Design Magazine
2 months ago
Web development

Tips for Streamlining Your Web Development Workflow - Speckyboy

Web development workflows must adapt to project needs and use integrated tools and frameworks to improve productivity and manage complexity.
Web development
fromTreehouse Blog
12 hours ago

The Difference Between Front End, Back End, and Full Stack Development

Front-end, back-end, and full stack are distinct roles in web development, each with unique responsibilities and technologies.
Angular
fromGitHub
6 days 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.
#javascript
Node JS
fromFrontendmasters
1 week 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.
fromInfoQ
3 weeks ago
Node JS

State of JavaScript 2025: Survey Reveals a Maturing Ecosystem with TypeScript Cementing Dominance

Node JS
fromFrontendmasters
1 week 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.
Vue
fromwww.jqueryscript.net
2 weeks ago

Weekly Web Design & Development News: Collective #650

TypeScript 6.0 and Vite 8.0 enhance development, while Shopify's Tinker offers over 100 free AI creative tools.
Node JS
fromInfoQ
3 weeks ago

State of JavaScript 2025: Survey Reveals a Maturing Ecosystem with TypeScript Cementing Dominance

TypeScript continues to dominate the JavaScript ecosystem, with 40% of developers using it exclusively, while Vite surpasses Webpack in satisfaction.
fromThisweekinreact
1 week 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
Typography
fromFast Company
5 days ago

Chrome's new feature makes life easier for people with a million open tabs

Google Chrome introduces vertical tabs to enhance user experience and multitasking capabilities.
React
fromMDN Web Docs
1 week 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.
Python
fromTalkpython
2 weeks ago

Zensical - a modern static site generator

Zensical is a new static site generator by Martin Donath, designed to address limitations of MKDocs with a Rust core and faster builds.
Marketing
from3blmedia
3 weeks ago

What We Learned From Talking to Hundreds of Web Designers a

Freelancers and agencies seek market-wide data to inform their business decisions and strategies.
React
fromAmazon Web Services
5 days ago

Embed a live AI browser agent in your React app with Amazon Bedrock AgentCore | Amazon Web Services

Users need visibility into AI agents' actions to maintain trust and control over their interactions.
#generative-ui
Vue
fromInfoQ
2 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.
Vue
fromInfoQ
2 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.
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.
#tailwind-css
Web development
fromInfoQ
1 week ago

Tailwind CSS 4.2 Ships Webpack Plugin, New Palettes and Logical Property Utilities

Tailwind CSS 4.2.0 introduces a webpack plugin, new color palettes, and expanded logical property utilities, enhancing integration and design flexibility.
Web development
fromInfoQ
1 week ago

Tailwind CSS 4.2 Ships Webpack Plugin, New Palettes and Logical Property Utilities

Tailwind CSS 4.2.0 introduces a webpack plugin, new color palettes, and expanded logical property utilities, enhancing integration and design flexibility.
#nextjs
fromThisweekinreact
3 weeks 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 #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

fromInfoQ
1 month ago

Webpack Publishes 2026 Roadmap with Native CSS Support, Universal Target, and Path to Version 6

One of the most significant changes is the move to integrate CSS module support directly into webpack's core. Currently available behind the experimental.css option, this feature eliminates the need for mini-css-extract-plugin. The team expects to complete integration into core around early 2026, with the feature remaining experimental until webpack 6, at which point plugin-based CSS handling will no longer be necessary.
Web frameworks
React
fromThisweekinreact
4 weeks 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.
fromInfoWorld
3 weeks 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
Node JS
fromInfoWorld
1 month ago

Why local-first matters for JavaScript

JavaScript innovation accelerates through local-first SQL datastores, universal isomorphic JavaScript via WinterTC, reactive signals adoption, NPM alternatives, Java-JavaScript bridges, and Deno's resurgence.
Vue
fromInfoQ
1 month ago

Vue Router 5: File-Based Routing Into Core with No Breaking Changes

Vue Router 5.0 integrates unplugin-vue-router into core with no breaking changes, adding file-based routing, data loaders, and improved developer tooling.
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.
fromInfoWorld
1 month ago

The right way to architect modern web applications

Modern web applications are no longer just "sites." They are long-lived, highly interactive systems that span multiple runtimes, global content delivery networks, edge caches, background workers, and increasingly complex data pipelines. They are expected to load instantly, remain responsive under poor network conditions, and degrade gracefully when something goes wrong.
Web frameworks
fromLogRocket Blog
2 months ago

A developer's guide to designing AI-ready frontend architecture - LogRocket Blog

Frontends are no longer written only for humans. AI tools now actively work inside our codebases. They generate components, suggest refactors, and extend functionality through agents embedded in IDEs like Cursor and Antigravity. These tools aren't just assistants. They participate in development, and they amplify whatever your architecture already gets right or wrong. When boundaries are unclear, AI introduces inconsistencies that compound over time, turning small flaws into brittle systems with real maintenance costs.
Artificial intelligence
Web development
fromCSS-Tricks
4 weeks 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.
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.
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.
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.
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.
fromMedium
1 year ago

Modern Web Architectures: Composability with Harmony

Over the past decade, software development has undergone a massive transformation due to continuous innovations in tools, processors and novel architectures. In the past, most applications were monoliths and then shifted to microservices, and now we find ourselves embracing composability - a paradigm that prioritizes modular, reusable, and flexible software design. Instead of writing separate, tightly coupled applications, developers now compose software using reusable business capabilities that can be plugged into multiple projects. This enables greater scalability, maintainability, and collaboration across teams and organizations. At the heart of this movement is Bit Harmony, a framework designed to make composability a first-class citizen in modern web development.
Software development
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.
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.
Web frameworks
fromLoicpoullain
1 month ago

The future of web frameworks in the age of AI

AI agents now generate 90-95% of production code, requiring frameworks to be AI-understandable with comprehensive documentation and clear examples to remain competitive.
Software development
fromInfoQ
1 month 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.
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
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.
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
Web frameworks
fromTechzine Global
1 month ago

Cloudflare builds AI-driven alternative to Next.js

Cloudflare developed vinext, an AI-powered Next.js alternative built in one week for $1,100, implementing 94% of Next.js API to solve deployment fragility across serverless platforms.
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
Web frameworks
fromNeutralino
2 months ago

Framework | Neutralinojs

Neutralinojs adds runtime borderless toggling, custom Chrome binary option, DPI-aware sizing, extra path constants, numerous platform fixes, and embedded resource single-executable support.
React
fromMedium
2 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.
fromInfoQ
1 month ago

Vercel Releases React Best Practices Skill with 40+ Performance Rules for AI Agents

Vercel, the cloud platform behind Next.js, has released react-best-practices, an open-source repository containing over 40 performance optimization rules for React and Next.js applications. The framework, which encapsulates over a decade of engineering knowledge from Vercel's production codebases, is structured specifically for consumption by AI coding agents and LLMs, though the team notes it is equally valuable for human developers.
Web development
React
fromLogRocket Blog
2 months ago

Comparing the best React animation libraries for 2026 - LogRocket Blog

Choose animation libraries balancing developer experience, features, performance, and bundle size; consider CSS-first approaches for smaller bundles and production alternatives.
React
fromMedium
3 years ago

Oh Hello Apollo Client , Goodbye Redux!

Apollo Client 3 combined with GraphQL and React hooks can replace Redux for many apps by reducing boilerplate and providing built-in loading, error, and cache features.
Web development
fromInfoQ
2 months ago

Cloudflare Launches Vertical Microfrontend Template for Path-Based Edge Routing

Vertical Microfrontends map independent Cloudflare Workers to URL paths, enabling team-owned vertical stacks with low-latency edge routing and SPA-like transitions.
#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

Web development
fromLogRocket Blog
2 months ago

Build a Next.js 16 PWA with true offline support - LogRocket Blog

Design Next.js 16 PWAs to function reliably offline by caching relevant assets, storing and syncing data locally, and handling flaky or absent network connectivity.
React
fromInfoQ
1 month ago

Warper: Rust Powered React Virtualisation Library

Warper 7 is a Rust-WebAssembly-powered React virtualization library delivering superior performance through zero-allocation hot paths, O(1) circular buffers, and offloaded scroll calculations, achieving 120 FPS with 100,000 items versus react-window's 40 FPS.
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
fromThisweekinreact
2 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
[ Load more ]