Follow the latest frontend updates
This article explains frequent misuse patterns of React's useState hook—redundant, duplicate, contradictory, and over‑reliance on useEffect—showing why they hurt readability and maintenance, and provides concise refactor solutions using derived state, IDs, and useReducer.
CodinGame turns programming puzzles into games, letting you write code that instantly visualizes results, learn basic JavaScript logic like selecting the nearest enemy, and explore a variety of difficulty levels across multiple languages while enjoying a fun, gamified learning experience.
This article traces the evolution of CSS from its early table‑based days through the rise of responsive design, examines why large‑scale projects struggle with CSS, reviews major architecture patterns such as OOCSS, BEM and ITCSS, and explains how tools like Tailwind and CSS‑in‑JS address modern scalability challenges.
This article explains why asynchronous data fetching in React can cause race conditions that lead to flickering or mismatched content, and presents several practical solutions—including component remounting, data validation, cleanup effects, and request cancellation—to ensure reliable UI updates.
React’s newly proposed use hook lets developers consume promises directly in client components and conditionally in loops or blocks, while server components continue to use async/await, offering a unified yet flexible data‑fetching primitive that integrates seamlessly with the JavaScript ecosystem.
Learn how to optimize data fetching in React by understanding initial vs on‑demand requests, avoiding waterfall patterns, leveraging Promise.all, parallel promises, data providers, and browser limits, while applying best practices for useEffect, lifecycle handling, and performance‑focused component design.
This article introduces the Stage‑3 ECMAScript proposal Array.fromAsync, explains why it’s needed for async iterables, shows its usage with async, sync, and array‑like inputs, provides real‑world examples, and offers a polyfill implementation for current environments.
This article explores how PureComponent and shouldComponentUpdate address unnecessary re‑renders in class components, compares them with functional components and hooks, and provides practical techniques—including React.memo, useCallback, setState updater functions, and refs—to optimize rendering performance in modern React applications.
This article explains how to use Wechaty’s PuppetPuppeteer to create a WeChat chatbot by intercepting login requests, injecting interaction scripts, and leveraging Angular services in the web client, while highlighting the risks of web‑client changes.
This article explains core principles for designing composable React APIs, demonstrates how to decompose UI into stable, reusable parts, and walks through a complete implementation of a flexible Tabs component with context, render‑props, and testing strategies.
