Regularly sharing the team's insights and expertise in the frontend field
This article details the design and implementation of a customizable electronic menu system that evolved from static images to an H5‑based, SVG‑driven, React-powered solution, covering business requirements, technology selection, data binding, rendering, store isolation, and offline stability.
This article explains the fundamentals of Remote Procedure Call (RPC), explores how data moves across OSI layers, compares HTTP and RPC, and provides a complete Node.js JSON‑RPC example with code, error handling, and real‑world use cases such as Chrome DevTools Protocol.
This article explains WebSocket fundamentals, including its definition, handshake process, data frame structure, binary handling, stream usage, networking details like MTU/MSS, and practical Node.js examples, providing a comprehensive guide for real‑time web communication.
This article details how Guming's frontend team evolved from simple page‑per‑work‑order implementations to a high‑performance, low‑code Formily ecosystem, covering the technical stack, form configuration platform, custom expression parser, and future visual builder for dynamic business workflows.
This article explains how Guming's frontend team unified development across multiple backend subsystems by abandoning qiankun, defining strict routing and deployment conventions, automating enforcement through a custom build tool, and providing SDKs, sandboxing, and local development support to boost efficiency and user experience.
This weekly front‑end roundup from the Goodme team highlights five curated articles covering serverless cold‑start optimization, React component unit testing, CSS white‑space and word‑wrap mastery, debugging Ant Design source code, and a clear comparison of OSS, NAS, and EBS storage solutions.
This article details how to integrate Gaode (AMap) maps into a React frontend, covering script and npm imports, reusable map hooks, responsive marker info windows, event handling strategies, rendering abstractions for various map entities, and addressing common pitfalls such as marker overlap, bubble penetration, and memory leaks.
This article explores how TypeScript’s type system can be understood through set theory, illustrating type relationships, assignability, union and intersection types, conditional types, structural typing, and type assertions with detailed examples and visual diagrams to help developers master TypeScript’s static typing concepts.
This article explains how a front‑end team at a tea chain tackles complex IoT challenges—designing machine gateways, managing material lifecycles, and building edge solutions—to ensure consistent drink quality, food safety, and rapid service across hundreds of stores.
This article explains clean architecture concepts—domain, use case, and application layers—and demonstrates how to apply them in a frontend React/TypeScript project, covering design principles, layer responsibilities, dependency rules, advantages, costs, and concrete code examples for a cookie‑shop example.
