Follow the latest frontend updates
This guide shows how to set up a flexible Webpack devServer proxy that supports multiple test environments, allows switching configurations via npm scripts, and updates target and cookie values on the fly without restarting the server.
Drawing on nearly two decades of design experience, this article identifies frequent button design errors that hinder usability and accessibility, examines real-world examples across primary, secondary, and tertiary button styles, and offers concrete, WCAG‑compliant guidelines to create clear, inclusive, and visually hierarchical buttons.
This article examines the tension between standardized SaaS products and individualized client demands, outlines the technical challenges of customization, and details how SaaS platforms can offer extensible front‑end plugin architectures—including APIs, SDKs, micro‑frontend rendering, and CI/CD workflows—to balance scalability with flexibility.
Explore essential React design patterns—including component composition, uncontrolled composite components, and render props—through detailed explanations, practical code examples, and best practices that improve maintainability, scalability, and developer experience in modern frontend development.
This article explores Jira's plugin ecosystem, detailing how the Forge platform lets developers create, integrate, and deploy extensions using CLI tools, UI kit or custom UI, with server‑driven rendering, sandboxed security, and a marketplace for distribution.
Server‑driven UI, a technique that delivers UI structures via APIs from the server, enables faster iteration, dynamic personalization, and backend‑frontend collaboration, while presenting challenges like app‑store compliance and offline support; the article explains its principles, advantages, implementation steps, and showcases Instagram’s real‑world usage.
This article explains how tech leads can reduce constant interruptions by reshaping their schedules with time‑blocking, setting office hours, and giving clear feedback, enabling them to balance personal work with helping the team while maintaining productivity.
React 18 introduces concurrent rendering, transitions, Suspense, and Server Components, which together reduce long tasks, lower total blocking time, and improve user interaction by allowing non‑urgent updates to run in the background, ultimately delivering smoother, more responsive web applications.
This article translates the "16 Little UI Design Rules" into practical guidelines, showing how applying spacing, consistency, contrast, typography, and accessibility principles can dramatically improve the usability and visual hierarchy of a short‑term rental property detail page.
This article recounts the author's journey of creating a Figma plugin that transforms Markdown text into AutoLayout, detailing the challenges faced, iterative problem‑solving with AI assistance, code integration, and the final functional solution for seamless text conversion.
