#micro-frontends

[ follow ]
UX design
fromMedium
17 hours ago

Vibe Coding Myths Debunked

Vibe coding enables anyone to create products using AI, but quality depends on design skills and critical thinking.
#markdown
Typography
fromCSS-Tricks
4 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
1 week 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
4 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
1 week ago

Building a Simple Markdown PWA App

A Markdown viewer app was built using Electron, focusing on simplicity and functionality for viewing Markdown files.
Yoga
fromDesign Milk
2 days ago

Basic Space: Designed for Calm, Built for Community

Basic Space in Camberwell is an inviting yoga studio designed to foster inclusivity and community through its thoughtful architecture and materials.
React
fromInfoQ
4 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.
Node JS
fromInfoWorld
3 days 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.
fromHarvard Business Review
3 days ago

The End of One-Size-Fits-All Enterprise Software

Generative AI is dissolving the economic logic that made standardized enterprise software the only practical choice for most companies. What replaces it will be shaped not just by the rapidly evolving capabilities of this new technology, but by leaders willing to ask a harder question: Which workflows do we actually need to own?
Startup companies
Gadgets
fromWIRED
5 days ago

Framework Has a Better, More Take-Apart-Able Laptop

Framework announced the 13-inch Laptop 13 Pro, featuring improved battery life, a touchscreen, and modular design for easy upgrades.
Web design
fromMedium
5 days ago

Using Design Systems in Claude Design: How Good Is It?

Claude Design is more effective with design systems imported from GitHub than from Figma.
Web frameworks
fromInfoQ
1 week 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.
Graphic design
fromMedium
6 days ago

The art of subtraction in a world of infinite features

Subtraction in visual arts enhances clarity and focus by intentionally removing elements that distract from the main subject.
#responsive-design
Typography
fromPiccalilli
3 days ago

The end of responsive images

Responsive image markup significantly enhances web performance and user experience, stemming from years of collaborative development efforts.
#react
fromThisweekinreact
5 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

fromThisweekinreact
5 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

#css
Web development
fromMedium
5 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
5 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
Node JS
fromAllthingssmitty
1 week 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.
Vue
fromwww.jqueryscript.net
3 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
fromAllthingssmitty
1 week 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.
Vue
fromwww.jqueryscript.net
3 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.
Web frameworks
fromInfoQ
6 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.
UX design
fromMedium
2 days ago

The rulebook for designing AI experiences

Responsible AI design varies widely, but frameworks from Microsoft, Google, and IBM provide practical guidance for Human-AI Interaction.
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.
UX design
fromMedium
3 days ago

Designing with AI without losing your mind

Outsourcing critical thinking to AI tools in design can undermine the quality of solutions and diminish essential skills.
UX design
fromMedium
3 days ago

The Death of Digital Product Design

AI tools have disrupted product design, enabling anyone to create designs quickly without special skills.
DevOps
fromInfoWorld
3 weeks ago

What front-end engineers need to know about AWS

Understanding AWS infrastructure improves front-end debugging and UI performance.
#web-development
Web development
fromTreehouse Blog
1 week 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.
Web development
fromTreehouse Blog
1 week 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.
#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 development
fromCSS-Tricks
1 week 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
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 development
fromCSS-Tricks
1 week 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.
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
UX design
fromA List Apart
3 days ago

Enhancing Web Design: Recognizing Accessibility Issues Now

Accessibility is crucial in design, as poor design can lead to life-altering consequences for users.
UX design
fromMedium
4 days ago

Working in the open

Working in open source enhances design skills through collaboration, user empowerment, and continuous learning.
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.
Marketing
from3blmedia
1 month 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.
UX design
fromSmashing Magazine
5 days ago

The UX Designer's Nightmare: When "Production-Ready" Becomes A Design Deliverable - Smashing Magazine

The role of UX designers is evolving to include technical skills due to AI integration, impacting user experience and design responsibilities.
React
fromInfoQ
3 weeks ago

TanStack Start Introduces Import Protection to Enforce Server and Client Boundaries

TanStack Start introduces import protection to prevent server-only and client-only code from leaking into incorrect bundles.
#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
fromInfoQ
1 month ago

Mobile Server-Driven UI at Scale

Nubank's mobile platform team manages infrastructure for a digital banking app serving 115 million customers across 40 million daily users, supporting 3,000 engineers developing features in Flutter, iOS, and Android.
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
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
Artificial intelligence
fromInfoWorld
2 months ago

The 200ms latency: A developer's guide to real-time personalization

Meeting sub-200ms latency is essential for user engagement; architectures must decouple retrieval and heavy inference to serve personalized results at scale.
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 frameworks
fromLoicpoullain
2 months 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.
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.
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.
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.
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
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.
Web frameworks
fromSubstack
1 month ago

When to Use BFF and Should It Replace API Gateway?

Backend for Frontend (BFF) pattern optimizes APIs for specific client needs, reducing frontend complexity and enabling faster team iteration across multiple platforms.
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.
Web frameworks
fromLogRocket Blog
2 months ago

Cache components in Next.js: Faster pages with partial pre-rendering - LogRocket Blog

Cache Components enable component-level caching and reuse in Next.js, allowing static and dynamic content to coexist and improve render performance via Partial Pre-Rendering.
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 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
fromMedium
2 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.
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 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.
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.
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
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.
React
fromTheregister
2 months ago

Meta frees React to live in its own foundation

Meta transferred React, React Native, and JSX to the independent React Foundation hosted by the Linux Foundation, with founding members including Amazon, Microsoft, Vercel, and others.
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 development
fromFrontendmasters
1 month ago

The Big Gotcha of Anchor Positioning

Anchor Positioning in CSS has significant limitations preventing elements from being positioned relative to others regardless of DOM placement, requiring careful consideration of element ordering and positioning values.
[ Load more ]