Follow the latest frontend updates
This guide shows front‑end developers how to generate realistic mock data with ChatGPT, export it as JSON, and instantly serve a full RESTful mock API using json‑server, covering schema design, routing, filtering, pagination, sorting, and query operators.
This article walks through creating a GitLab code‑review bot that leverages the ChatGPT API, detailing request handling with Axios, constructing prompts, interacting with both ChatGPT and GitLab APIs, and posting automated review comments back to merge requests.
Learn how to use React refs—including useRef, forwardRef, and useImperativeHandle—to access DOM elements, create custom imperative APIs, and build interactive forms with focus and shake effects, while understanding best practices for when to employ refs versus state or props.
This article explains the purpose, benefits, and implementation of React 18’s useSyncExternalStore hook, covering its role in synchronizing external state such as browser APIs, preventing UI tearing during concurrent rendering, and providing SSR support with practical code examples like useMediaQuery and useWindowSize.
This article explains how to avoid prop drilling in React by refactoring components to use composition and children props, providing a clear example with a navigation sidebar and discussing alternatives like Context and Redux.
This guide explains why error handling is crucial in React, compares try/catch and Error Boundary approaches, highlights their limitations, and presents Dan Abramov's clever technique for catching asynchronous errors, providing practical code examples and best‑practice recommendations.
This tutorial explains how React compound components work, showing how to share implicit state across parent and child components using Context and Hooks, with practical code examples like a Toggle component and a Reach UI Menu, to create more intuitive and elegant APIs.
The article explains how Excalidraw’s new component API replaces render props with a child‑component approach, introduces customizable MainMenu, Footer, and WelcomeScreen components, provides code examples, and discusses the benefits and limitations of this redesign for developers building custom whiteboard applications.
This article explains the two meanings of React refs, how ref callbacks work during component mount and unmount, and presents four practical scenarios—scrolling, measuring, portal rendering, and sharing DOM elements—complete with code examples and best‑practice tips.
This guide explains how to create a bridge API that enables login and message interaction with WeChat by reverse‑engineering client and server protocols, covering UUID acquisition, QR code handling, login status polling, cookie management, and data initialization using Node.js, TypeScript, and Axios.
