Regularly sharing the team's insights and expertise in the frontend field
An in‑depth guide shows how to remove the need for the observer wrapper in Formily/reactive by leveraging React’s internal __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, using ReactionStack, Object.defineProperty, and ahooks to automatically refresh components when reactive data changes.
This article walks through the architecture and detailed design of Guming’s frontend data‑center SDK, covering its initialization, payload structure, core modules such as Configurator, Reporter, Queue, and various plugins, and explains how logging, tracking, rate‑limiting, and remote configuration are implemented for reliable data collection.
This article explains modern best practices for building forms in React, compares controlled and uncontrolled approaches, shows how to mix them, discusses server‑side components, validation, error handling, and recommends using FormData over useRef for cleaner, more performant code.
This newsletter curates recent developer-focused releases and articles, including the open‑source launch of Rolldown, TypeScript 5.4, Storybook 8, performance‑focused TypeScript tips, faster JSON alternatives, reactive front‑end development, a software engineering guide, Figma productivity tricks, and Canvas drawing optimizations.
This article explains why user authentication is essential for mobile mini‑programs, outlines security measures using AccessToken and RefreshToken, and provides step‑by‑step techniques—including automatic login, token refresh, request queuing, and user‑state handling—to achieve a frictionless user experience.
This article explains the challenges of migrating legacy Vue applications to a unified React stack, focusing on external link redirection, route parameter handling, and unified routing conventions, and provides a concrete implementation using Nginx, path-to-regexp, and a custom Redirector class.
This roundup curates the latest frontend resources—including web performance snippets, Deno’s new JSR registry, Vercel’s AI SDK, VSCode source navigation tricks, architecture design lessons, a Canvas rendering engine guide, React nested component pitfalls, Bilibili analytics platform case study, and product design simplification tips—providing practical knowledge for developers and product teams.
This article explains how Formily structures form data, manages field dependencies through a publish‑subscribe model, and achieves precise component updates using a custom reactive system, providing practical code examples for frontend developers.
The article examines why Taro‑based B‑end mini‑programs experience slow hot‑update builds as codebases grow, analyzes the bottlenecks in IDE and Taro compilation, and presents practical solutions—including project splitting, dynamic builds, configuration tweaks, and IDE version downgrades—to reduce build time from over 10 seconds to under 3 seconds.
Learn step‑by‑step how to create a signature board for DingTalk mini‑programs using Taro and React, covering canvas creation, drawing logic, size adjustments, image export, undo functionality, landscape mode handling, and common pitfalls, so you can add reliable boss‑signed reports to your app.
