Exploring Modern Frontend Techniques: Micro‑Frontends, Pixi.js, Import Maps & More

This article curates a series of frontend engineering insights, covering request‑optimization strategies, an introduction to micro‑frontends with qiankun, building a custom animated chart as an alternative to ECharts, quick Pixi.js basics, the new JavaScript Import Maps feature, and a brief overview of the Cloud Academy frontend team.

Yunxuetang Frontend Team
Yunxuetang Frontend Team
Yunxuetang Frontend Team
Exploring Modern Frontend Techniques: Micro‑Frontends, Pixi.js, Import Maps & More

Frontend Technology and Architecture

How to Optimize 30 Duplicate Requests on Page Load?

Learning data structures and design principles may seem abstract, but they help solve high‑complexity problems; applying them in daily development reveals their value and motivates skill improvement.

Deep Dive into Micro‑Frontends (qiankun)

The core idea of micro‑frontends treats a frontend application as a whole composed of independent parts, each a micro‑frontend with its own stack, workflow, and team, enabling independent development and deployment while reducing coordination complexity.

ECharts Can't Render This Curve? Build It Yourself

A recent chart requirement couldn't be satisfied with ECharts, prompting a custom implementation of an interactive curve chart featuring entrance animation, responsive width adaptation, richer configuration options, and more customizable segment divisions.

Learn Pixi.js in a Blink

Graphics and animation are essential for engaging web experiences; Pixi.js, a performant and easy‑to‑use 2D rendering engine, has become a popular choice among developers.

New JavaScript Feature: Import Maps

Import Maps, a recent JavaScript addition, simplifies module resolution; after exploring its usage, the author found it very handy and shares insights.

Frontier Exploration

The Cloud Academy frontend team is the largest within the organization, aiming to become a top‑tier national team, integrating technology with business, fostering a research‑driven culture, and operating with an efficient, flat management model.

Original Source

Signed-in readers can open the original source through BestHub's protected redirect.

Sign in to view source
Republication Notice

This article has been distilled and summarized from source material, then republished for learning and reference. If you believe it infringes your rights, please contactadmin@besthub.devand we will review it promptly.

FrontendPerformanceJavaScriptmicro-frontendvisualizationImport Mapspixi.js
Yunxuetang Frontend Team
Written by

Yunxuetang Frontend Team

Personal use

0 followers
Reader feedback

How this landed with the community

Sign in to like

Rate this article

Was this worth your time?

Sign in to rate
Discussion

0 Comments

Thoughtful readers leave field notes, pushback, and hard-won operational detail here.