Tag

micro-app

0 views collected around this technical thread.

Tongcheng Travel Technology Center
Tongcheng Travel Technology Center
Dec 14, 2023 · Frontend Development

Micro‑Frontend Implementation and Monorepo Management for Large‑Scale Frontend Projects

This article describes how a legacy data‑platform was refactored using a micro‑frontend architecture with Micro‑App, detailed design of main and sub applications, permission handling, routing, build tooling, and a Turborepo‑based monorepo strategy to improve development efficiency and deployment speed.

MonorepoTurborepobuild optimization
0 likes · 17 min read
Micro‑Frontend Implementation and Monorepo Management for Large‑Scale Frontend Projects
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 19, 2023 · Frontend Development

Integrating Monorepo with Micro‑Frontend Using pnpm and Micro‑App: Architecture, Implementation, and Deployment

This article explains how to combine Monorepo and micro‑frontend architectures using pnpm and Micro‑App, covering the concepts, technical selections, step‑by‑step setup of base and child applications, shared modules, configuration, code standards, mock services, Docker/Nginx deployment, and best practices for frontend development.

DockerMonorepofrontend
0 likes · 35 min read
Integrating Monorepo with Micro‑Frontend Using pnpm and Micro‑App: Architecture, Implementation, and Deployment
JD Retail Technology
JD Retail Technology
Oct 7, 2023 · Frontend Development

Micro Frontend Architecture: Concepts, Usage Scenarios, and Step‑by‑Step Guide to Building a React Base Application

This article explains the micro‑frontend concept, outlines when it is appropriate to adopt, compares popular frameworks, and provides a detailed tutorial—including code snippets—for creating a React‑based micro‑frontend base (host) application using the micro‑app library.

JavaScriptReactTypeScript
0 likes · 13 min read
Micro Frontend Architecture: Concepts, Usage Scenarios, and Step‑by‑Step Guide to Building a React Base Application
JD Tech
JD Tech
Jun 21, 2023 · Frontend Development

Micro Frontend: Research, Introduction, Capabilities, Core Concepts, Platform Selection, Implementation, and Summary

This article explains the concept of micro frontends, outlines a four‑step adoption process, compares architectural options, describes core capabilities and platforms such as single‑spa, qiankun and micro‑app, and shares practical implementation tips and common pitfalls for large‑scale projects.

JavaScriptcode-splittingfrontend architecture
0 likes · 15 min read
Micro Frontend: Research, Introduction, Capabilities, Core Concepts, Platform Selection, Implementation, and Summary
JD Retail Technology
JD Retail Technology
May 5, 2023 · Frontend Development

Micro Frontend Architecture: Research, Design, and Implementation Guide

This article explains the concept of micro frontends, outlines a systematic research and design process, compares architectural options, and provides detailed implementation steps with code examples using frameworks like single-spa, qiankun, and micro‑app to build scalable, maintainable large‑scale projects.

code-splittingfrontend architecturemicro-app
0 likes · 12 min read
Micro Frontend Architecture: Research, Design, and Implementation Guide
JD Retail Technology
JD Retail Technology
Aug 25, 2021 · Frontend Development

Introducing micro-app: A Lightweight Micro‑Frontend Framework for Easy Integration

The article introduces micro‑app, a lightweight micro‑frontend framework from JD iPaaS, explains the concept of micro‑frontends, compares iframe and framework approaches, details micro‑app’s advantages and features, and provides step‑by‑step usage examples with Vue and React integration.

ReactVueframework
0 likes · 9 min read
Introducing micro-app: A Lightweight Micro‑Frontend Framework for Easy Integration