Regularly sharing the team's insights and expertise in the frontend field
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.
This article explains four practical techniques—page sub‑packaging, shared module sub‑packaging, Babel‑based import path rewriting, and image asset offloading—to reduce a Taro mini‑program’s main bundle below the 2 MB limit, detailing the underlying MiniSplitChunksPlugin implementation, configuration steps, and code snippets.
This article explains how to convert HTML pages into multi‑page PDF files using html2canvas and jsPDF, covering basic setup, handling pagination, scaling, image insertion, and practical code examples to ensure readable, correctly paginated PDFs in front‑end projects.
This curated newsletter shares the latest frontend news and article recommendations, covering JavaScript rising stars, ESLint upgrades, upcoming jQuery 4.0, V8's Maglev compiler, canvas collision detection, CSS animation control, design‑to‑code workflows, distributed theory basics, version‑update popups, and anti‑mistake design principles.
This article explains how Formily parses JSON Schema, builds a form tree, handles data binding, validation, and submission, and walks through the internal rendering flow—including createSchemaField, RecursionField, and ReactiveField—while providing practical examples and discussing complex linked‑field scenarios and performance considerations.
Guming’s Front‑End Data Center integrates monitoring, performance, logging, and analytics for web, mini‑programs, Flutter clients, and Node.js services, offering real‑time alerts, high availability, sampling, multi‑channel data pipelines, custom charting, and detailed CPU/GC profiling to streamline issue diagnosis and business insights.
This article explains the three key differences between using a custom React component as a JSX element versus calling it as a plain function, covering extra Fiber node creation, distinct execution timing, and how the diff algorithm treats the resulting nodes.
This article explains how a single Form instance centrally manages form data, uses subscription and notification mechanisms to update components, and demonstrates the Observer and Singleton design patterns with concrete React code examples for building efficient, maintainable frontend forms.
