Regularly sharing the team's insights and expertise in the frontend field
This guide walks through selecting a suitable visualization library for DingTalk mini‑programs, explains why AntV F2 is optimal, and provides step‑by‑step instructions for integrating F2 4.x into a Taro + React project, covering canvas context handling, pixel‑ratio scaling, custom tooltips, and common pitfalls.
This roundup presents recent frontend news and curated articles covering PNG‑based XSS attacks, V8 engine optimizations, React component nesting pitfalls, engineering habits, brand‑centric design, and useful resources for developers seeking practical insights.
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.
