Exploring ultimate user experience and best engineering practices
This article examines how WebAssembly can accelerate canvas and WebGL animation engines by redesigning data structures, separating JS and WASM animation objects, optimizing the update cycle, handling mixed animations, and presenting benchmark results for thousands of animated nodes.
This article recounts a former Ant Group front‑end engineer's year‑long journey building a low‑code platform for Ant Insurance, detailing challenges of high‑complexity insurance scenarios, platform design decisions, component‑based architecture, real‑world experiments, and lessons learned for future low‑code adoption.
Ant Design 5.0 introduces a component‑level CSS‑in‑JS approach that caches stable hashes per component, eliminating costly serialization on each render, improving performance compared to other libraries, while noting its limitations for general application development.
Ant Design V5’s CSS‑in‑JS architecture enables powerful dynamic theming, allowing developers and designers to implement global theme algorithms, partial theme overrides, component‑level styling, and seamless multi‑theme compositions, illustrated with real‑world applications, code snippets, and visual comparisons across light and dark modes.
This article walks through the challenges of creating a tidy waterfall‑style image gallery, explains why the classic greedy algorithm fails with long images, and details a custom NP‑hard‑aware solution that uses average‑based grouping, sorting, and order‑preserving tweaks to achieve a more balanced visual layout.
This article explains Cloudflare’s new Fragments Architecture for micro‑frontends, detailing how parallel, streaming responses from Workers eliminate common bottlenecks, provide eager interactivity, improve security, and achieve extreme first‑paint performance through innovative fragment hosting and communication mechanisms.
The article shares practical insights from an Ant Group front‑end engineer on building strong business partnerships, understanding the big picture, honing domain expertise, and fostering teamwork to deliver results and advance product development.
This article presents Yuque’s comprehensive quality system, detailing the coach‑mode approach, the architecture of quality support tools like SkyTest and Reliable, mechanisms for defect convergence and coverage governance, and extensive UI automation for web, mobile, and desktop that together enable continuous delivery and a sustainable quality 3.0.
Ant Cube’s ACT toolchain provides a comprehensive solution for mobile card development, covering design concepts, CLI vs IDE choices, framework architecture, core functions like compilation, preview, and debugging, and its evolution across versions to enhance reliability, efficiency, and developer experience.
This article walks through using the Zustand state‑management library in a complex React component, covering store initialization, actions, selectors, modular file structure, handling controlled vs uncontrolled modes, performance optimizations, and devtools integration, while sharing practical tips and code examples for scalable frontend development.
