Follow the latest frontend updates
By leveraging pixel color and alpha values, this guide explains how to determine whether a user click falls inside a Canvas shape, compares it with traditional methods like crossing number and winding number, and provides a practical implementation using Create.js with sample code.
Learn how to capture click events on an HTML5 Canvas, compute the click coordinates, and determine whether the point lies inside a polygon using both the Crossing Number (even‑odd) method and the more robust Winding Number algorithm, complete with JavaScript code examples.
This article explains how frontend engineers can measure and improve system stability through clear availability metrics, incident grading, and comprehensive team norms covering code standards, branch management, code review, and a structured release process.
This article explains why React introduced Hooks, compares the official Hooks with popular third‑party libraries ahooks and react‑use, lists their most useful Hooks, shows how to install them, and provides a custom Hook example for displaying error modals, helping developers write cleaner, more reusable functional components.
The article explores how Conway’s Law and the entropy increase principle explain the dynamic nature of organizational structures in tech companies, highlighting the impact of communication patterns on system design, resource allocation, and team efficiency.
This article explains JavaScript’s explicit and implicit type conversion mechanisms—including Number(), String(), Boolean(), toString and valueOf—through detailed code examples and clarifies puzzling expressions like [] == ![] and {} == !{}.
This article explores core project‑management concepts—scope, time, cost, quality—and dives deep into the RACI model, the “Main R” role, risk sources, and practical strategies for balancing responsibility, communication, and risk control in software teams.
This article explains the concept of UI tearing in React, how synchronous rendering avoids it, why concurrent rendering can introduce visual inconsistencies, and illustrates the phenomenon with diagrams and code examples for developers.
This guide explains how to migrate a React server‑side rendering setup to React 18 by installing the latest version, replacing renderToString with pipeToNodeWritable, and adopting the new API surface while handling Suspense and streaming nuances.
This article explains the key differences between Legacy Suspense and Concurrent Suspense in React 18, covering how sibling components are handled, ref timing outside Suspense boundaries, and the impact on rendering and effects, helping developers adapt their code for the new model.
