This article compares MVVM and MVI in the Compose era, reviewing their histories, practical code examples, and trade‑offs, and concludes that MVVM usually provides sufficient predictability and simplicity while avoiding the boilerplate and complexity that MVI can introduce.
The August 30, 2025 “Youth Coding·HarmonyOS Summer” event in Xiamen featured Jia Ding’s deep dive into Sohu News’ HarmonyOS meta‑service, revealing three key technical breakthroughs—dynamic list loading, MVVM‑based detail pages, and skeleton‑screen stability—while outlining future ecosystem integrations such as Push Kit and RAG.
Even a minor UI adjustment, like reshaping a product list or tweaking a cart button, can trigger crashes, state loss, and hard‑to‑track side effects in Android apps; this article explains why solid architecture—separating concerns with Clean Architecture, SOLID principles, and layered design—prevents such disasters and eases future migrations.
This article details the comprehensive redesign of a mobile video‑editing page, covering background challenges, requirement analysis, MVVM + UDF architectural choices, module decomposition, dependency‑injection implementation, and the design of a robust Redo/Undo system to improve maintainability and user experience.
This article explains how to introduce the ViewModel concept into a Flutter project and use Riverpod 2.0’s NotifierProvider to achieve a clean separation of UI and business logic, illustrated with a complete login‑page example and reusable code snippets.
This article explains the MVVM (Model-View-ViewModel) architecture for modern Android development, detailing its three core components, their responsibilities, and provides a step‑by‑step example with Jetpack components, including LiveData, ViewModel, View Binding, and complete code snippets to build a simple user list UI.
This article introduces the ViewModel concept and demonstrates how to use Riverpod 2.0's NotifierProvider in Flutter to separate UI from business logic, providing step‑by‑step code examples, including model, ViewModel, view, and a complete login page implementation.
UseCase objects, placed in the Domain layer of modern Android architecture, encapsulate complex business logic that was previously crammed into ViewModels, thereby enforcing clean separation of concerns, adhering to the Single Responsibility Principle, and making the codebase clearer, more maintainable, and scalable.
The article guides Android developers through evolving UI architectures—from MVC to MVI—showing how to transition Jetpack Compose projects from MVVM to MVI, tackle hybrid navigation and WebView integration, and apply refactoring, performance tuning, and best‑practice code examples.
The team evaluated cross‑platform options, piloted both Flutter and an H5 offline‑Hybrid approach, found Flutter’s self‑rendering engine delivered superior performance and consistency, and consequently adopted Flutter as the primary framework, dramatically improving development efficiency and UI parity across Android and iOS.
The article describes a modular iOS photo‑album solution that isolates the album as an independent, reusable SDK through a three‑layer architecture—interface, view‑customization, and logic management—implementing reading and change chains, handling iOS 14 privacy, iCloud assets, and multithreaded PhotoKit operations to reduce coupling and maintenance costs.
This tutorial walks through building a minimal MVP for the Linkworld iOS app by applying the MVVM pattern, creating a ViewModel, fetching JSON data with URLSession, and adding, editing, and deleting identity cards using SwiftUI state management and context menus.
The article dissects Bilibili’s live‑room architecture, showing how dozens of independent MVVM‑based Views act as business units, explains the coupling problems caused by improper LiveData and cross‑ViewModel references, outlines a service‑driven data‑flow and zone‑based lifecycle model, and proposes systematic refactoring to reduce technical debt and foster shared architectural ownership.
This article explains how to reduce UI complexity in Android by layering architecture, tracing the evolution from MVC through MVP and MVVM to MVI, and demonstrates a searchable interface built with Jetpack Navigation and Kotlin DSL, highlighting pitfalls of monolithic initView methods and proposing more reusable abstractions.
This article explores the practical challenges of using MVC and related architectural patterns, compares implementations from Microsoft, Apple, and industry experts, discusses controller bloat and view‑model relationships, and proposes solutions such as view‑to‑model factories, multi‑controller designs, and MVVM adoption to improve testability and maintainability.
This article traces jQuery’s meteoric rise during the Web 2.0 era, examines why major sites like GOV.UK, GitHub and Bootstrap have removed it, and explains how HTML5 standardization and modern MVVM frameworks have turned the once‑essential library into a legacy technical debt.
This article traces jQuery’s emergence as the de‑facto library that simplified DOM manipulation and cross‑browser compatibility during the Web 2.0 era, examines its widespread adoption and subsequent performance gains from removal, and explains why modern standards, HTML5 and MVVM frameworks have reduced its relevance today.
This article traces jQuery’s rise as the go‑to library during Web 2.0, examines recent moves by major sites to drop it, explains its original technical advantages, and analyzes how HTML5, MVVM frameworks and modern frontend stacks have reduced its relevance while it still powers a large share of the web.
GongSolutions.WPF.DragDrop is an open‑source .NET library that simplifies implementing drag‑and‑drop interactions in WPF applications, offering MVVM‑friendly APIs, multi‑selection, reordering, cross‑control data transfer, visual decorators, and extensive default settings, while supporting .NET Framework 4.6.2+, .NET Core 3.1, .NET 5/6 on Windows.
When observing LiveData in Android MVVM, developers may be misled by log deduplication, Java‑8 lambda optimizations that reuse a single Observer, automatic replay of the latest value to new observers, and shared ViewModel navigation bugs, but using an Event wrapper, reflection to reset version counters, or switching to Kotlin Flow/SharedFlow can safely avoid these pitfalls.
This article reviews classic Android architectural patterns—MVC, MVP, and MVVM—highlights their limitations, introduces the MVI pattern as a more streamlined alternative, and provides a detailed Kotlin implementation with ViewState, ViewEvent, and unidirectional data flow examples.
This article explains two Kotlin‑based network request wrappers for Android that reduce boilerplate by using LiveData, Retrofit, OkHttp and coroutines, compares their design trade‑offs, provides complete Activity, ViewModel, Repository and BaseRepository code samples, and shows how to handle loading, success, error and multiple data sources in a clean MVVM architecture.
This article explains how Xianyu tackled the challenges of rapidly delivering lightweight, dynamic pages by designing a stream‑based page container architecture that combines a platform‑side building system, MVVM client side, three‑layer protocols, event‑driven communication, and high‑performance list rendering in Flutter.
This article explains how to integrate Retrofit with Kotlin coroutines following Google’s Android architecture guidelines, covering coroutine basics, OkHttp and Retrofit setup, generic response handling, repository abstraction, ViewModel usage, and lifecycle‑aware coroutine scopes to achieve clean, asynchronous network calls.
This article explores software architecture concepts by drawing parallels with building design, explains the goals of architectural design such as scalability and maintainability, and demonstrates a practical Android MVVM implementation using WanAndroid with clean‑architecture patterns, Kotlin, and modular project structure.
This article examines how Rust can unify client logic across Android and iOS, compares it with React Native and Flutter, and details a MVVM‑based architecture, binding mechanisms, and debugging optimizations that make Rust a lightweight, high‑performance solution for international mobile teams.
To tame the growing complexity of QQ Music’s Android playback page, the team replaced the monolithic MVC/SubController design with a clean, layered architecture that uses lightweight, lifecycle‑aware ViewDelegates and LiveData, enabling on‑demand module loading, clear separation of concerns, reduced memory usage, and reusable UI components.
Tenon is a lightweight MVVM framework built on Didi's Hummer runtime that bridges the Web ecosystem (Vue 3 and React) with native Android and iOS, offering multi‑framework support, easy adoption, extensible plugins, high availability, and a three‑layer architecture illustrated by real‑world Didi case studies.
This article provides a comprehensive guide to the MVC and MVVM architectural patterns for iOS, explaining their components, interactions, KVO usage, and includes complete Objective‑C code examples that demonstrate how to implement both patterns in a real‑world news‑list app.
This article explains why Ctrip's team adopted Flutter for cross‑platform mobile development, details the use of Provider for MVVM state management, presents performance tuning methods, layout tricks, and solutions to common Flutter pitfalls, offering a comprehensive guide for mobile engineers.
This article analyzes the limitations of classic iOS MVC, explores MVVM's benefits and drawbacks, and proposes a new service‑oriented architecture with a simple DSL to define and compose atomic business functions, aiming for cleaner, more maintainable mobile code.
LogicFlow, born from DiDi's intelligent middle‑platform, provides a flexible, SVG‑based flowchart editor with rich APIs, MVVM architecture, and extensibility that lets front‑end developers quickly build and customize workflow visualizations while outperforming competing libraries in rendering speed.
This article examines typical Android development challenges such as lack of standard architecture, lifecycle management, and testing difficulties, and presents the Snowball onion architecture—an MVVM‑based, RxJava‑powered framework with reusable components, best‑practice guidelines, and a supporting xueqiu‑onion library.
Xianyu’s streaming page container architecture redesigns the Flutter home page with an MVVM‑based, event‑driven framework, DinamicX DSL templates, and the PowerScrollView list container, eliminating duplicated layout logic, accelerating A/B testing and releases, and enabling dynamic, lightweight pages with partial UI refreshes.
This article examines Baidu's home‑grown MVVM framework San, tracing its origins, core features, size and performance benchmarks, ecosystem tools such as CLI and DevTools, and real‑world deployments across Baidu App, feed pages, and mini‑programs, highlighting why it became the unified front‑end solution.
This article walks through the complete implementation of a lightweight MVVM framework—covering Object.defineProperty data hijacking, proxying, template compilation, publish‑subscribe reactivity, two‑way binding, computed properties and lifecycle hooks—using plain JavaScript.
This article explains the essence of frontend development as view‑reaction to events, compares reactive programming with MVVM and Redux, demonstrates a complete RxJS implementation for a news app, and shows how the same data‑flow concepts extend to real‑time computing with Apache Flink.
San, Baidu’s lightweight MVVM component framework launched in 2016, combines Vue‑inspired templates, high performance, tiny bundles, and IE6+ compatibility, offering server‑side rendering and a robust ecosystem, and has delivered measurable efficiency and speed gains across Baidu’s flagship web products.
This article explores Didi’s open‑source Chameleon framework, detailing its origins, cross‑platform goals, MVVM‑based design principles, architecture layers, DSL compilation, runtime implementation, engineering tooling, ecosystem components, and real‑world adoption across dozens of Didi products and external teams.
This article proposes a solution to avoid data inconsistency caused by RecyclerView ViewHolder reuse by giving each ViewHolder its own lifecycle, integrating MVVM via a BaseLifecycleViewHolder, BaseLifeCycleAdapter, and VHLiveData, and demonstrates implementation details with Kotlin and Java code examples.
This tutorial walks through Android implementations of MVC, MVP (using Mosby), and MVVM (with DataBinding), providing concise explanations, annotated code snippets, and a unified demo that lets beginners quickly grasp the differences and start building each architectural pattern in just ten minutes.
This article shares practical experiences and techniques for Android app development, covering entity class organization, graceful network data handling with Retrofit, robust repository patterns, and clean UI layering using MVVM, DataBinding, and LiveData.
Chameleon (CML) 1.0, Didi’s open‑source enterprise‑grade cross‑platform framework, now supports all major mini‑programs, H5 and native clients, offers a richer Vue‑like DSL, extensive component libraries, significant bundle size reduction, and tooling integrations, enabling developers to consolidate codebases and streamline multi‑platform development.
This article explains the principle of two-way data binding in Vue's MVVM architecture, detailing how Object.defineProperty is used to create observers that track property changes, notify watchers via a dependency collector, and how the compile process links view directives to model updates.
This article chronicles how a one‑person development team at Seewo built and continuously refactored their WPF‑based desktop suite—EasiShow, EasiMeeting, and EasiNote—by adopting MVVM, Prism, pre‑compilation, DAG startup, and other techniques to improve modularity and performance while the product kept evolving.
Chameleon is a cross‑platform MVVM framework that standardizes APIs, components, DSL, and runtime protocols so a single codebase can be compiled and run on any mini‑program or native environment, with integration efforts from Didi, Mango TV, Alibaba, ByteDance and a six‑package extension guide.
Chameleon is Didi's cross‑platform framework that lets developers write a single codebase in CML, CMSS, and JavaScript to run on H5, various mini‑programs, and native‑like environments, dramatically reducing duplication, maintenance effort, and improving consistency across platforms.
Chameleon is Didi's open-source cross‑platform MVVM framework that lets developers write a single CML codebase and compile it to WeChat mini‑programs, Alipay, Android quick‑apps, Web, Weex and other MVVM‑based targets, improving maintainability, code reuse and performance while isolating platform‑specific differences at build time.
The article reviews jQuery’s groundbreaking contributions to DOM manipulation, explains why its dominance faded with the rise of MVVM frameworks, and discusses broader tech trends toward higher reusability, cross‑platform support, and separation of business logic from UI code.
This article explains the MVC, MVP, and MVVM architectural patterns, detailing their structures, interaction flows, advantages, disadvantages, and suitable scenarios, helping developers choose the right pattern for their projects.
EasyReact is an iOS reactive programming framework that replaces closure‑based data flow with object‑graph nodes, offering visual EZRNode debugging, automatic memory management, and cross‑platform potential while delivering up to 725 % faster performance than ReactiveCocoa, simplifying learning, debugging, and future Swift‑based extensions.
This article introduces a custom MVVM‑DataBinding framework for Android, explains its background, outlines the advantages of combining MVVM with DataBinding, provides detailed usage steps, implementation details, and discusses the framework’s benefits and potential pitfalls for mobile developers.
This article introduces a lightweight Android MVVM‑DataBinding framework, explains its background and advantages over MVC/MVP, details five design rules, outlines usage steps and internal architecture, discusses benefits and potential pitfalls, and provides a GitHub repository for developers.
This article explains why proper architectural design is essential for Android apps, compares the MVC, MVP, and MVVM patterns, analyzes their advantages and disadvantages, and demonstrates the practical benefits of MVVM through a real‑world delivery‑mode switching project.
This article explains the MVVM pattern, its principles, recent evolutions, and how it relates to various frontend data‑flow approaches, providing a comprehensive view that helps developers choose the most suitable architecture for their projects.
This article examines the evolution of Android architectural patterns—from MVC, MVP, and MVVM to Flutter‑derived frameworks and Android Architecture Components—explaining their layering, communication mechanisms, and how router‑based decoupling can achieve fully modular mobile applications.
This article reviews Android mobile architecture patterns—including MVC, MVP, MVVM, Flutter-derived framework, and Android Architecture Components—explaining their evolution, layer separation, and communication mechanisms such as object holding, interface contracts, and router-based dispatch, while providing illustrative code examples.
This article explains the concept, purpose, and elements of data binding in JavaScript, describes view‑to‑model and model‑to‑view binding techniques such as publish‑subscribe, data hijacking and dirty checking, and provides a complete implementation using an Observer, a Compile engine, and a ViewModel to achieve automatic UI updates when the underlying data changes.
This article traces the evolution of front‑end development from the early Web 1.0 era through the Ajax‑driven “first spring,” examining the rise of MVC, MVP, MVVM, and Flux/Redux patterns, and explains how each architectural shift addressed the growing complexity and maintainability challenges of modern web applications.
This article traces the historical evolution of front‑end development, examining early Web 1.0 JSP/ASP architectures, the rise of AJAX, and the progression through MVC, MVP, MVVM, and Flux/Redux patterns, highlighting their benefits, drawbacks, and impact on modern front‑end engineering.
This article provides a comprehensive technical overview of Vue.js, explaining why MVVM frameworks are needed, the advantages of Vue, and detailing the internal mechanisms of its observer, compiler, watcher, caching system, and dependency collection, while offering practical tips for reading open‑source code.
This article offers a comprehensive guide for newcomers to web front‑end development, covering project engineering basics, emerging development directions, the current job market, essential frameworks and tools, and practical tips for overcoming common challenges.
The article clarifies that Android MVVM is an architectural pattern distinct from Google’s DataBinding tool, contrasts MVC and MVP shortcomings, outlines MVVM’s View, Model, and ViewModel layers with detailed responsibilities and sample RxJava/Retrofit code, and recommends using a global Messenger for decoupled ViewModel communication to achieve low‑coupling, testable, data‑driven UI development.
This article compares the MVC, MVP, and MVVM architectural patterns for Android mobile development, explains their differences, and provides step‑by‑step code examples for implementing MVP and MVVM, including model, view, presenter layers and data‑binding configuration.
This article surveys a decade of GUI architectural evolution, comparing classic MVC, MVP, and MVVM with modern unidirectional approaches such as Flux and Redux, and discusses how these patterns apply across web, Android, and iOS platforms while highlighting responsibilities, testability, and state management.
This article presents the design principles, architecture, advantages, implementation details, performance optimizations, and future plans of a card‑based framework for native mobile applications, as shared at Qunar's 2016 Tech Carnival by iOS engineer Peng Donghua.
This article reviews the most common iOS architectural patterns—MVC, MVP, MVVM, and VIPER—explaining their responsibilities, testability, and ease of use, and helps developers decide which pattern best fits their project’s complexity and maintenance needs.
This article explains the purpose of architectural design in Android apps and provides a detailed comparison of MVC, MVP, and MVVM patterns, including their structures, advantages, drawbacks, code examples, as well as an introduction to AOP and practical development tips.
This article reviews the most popular iOS architectural patterns—MVC, MVP, MVVM, and VIPER—explaining their responsibilities, testability, and maintainability, and provides concise code examples so developers can decide which pattern best fits their project requirements.
An ex‑WeChat engineer shares practical strategies to accelerate Android development, covering RxJava for reactive streams, MVP/MVVM architecture, REST client generation, image‑loader choices, quality monitoring tools, and workflow best practices that can help startups build high‑performance apps efficiently.
This article examines common architectural patterns for native mobile applications—including classic MVC, its MVVM extension, hierarchical HMVC, and various layered designs such as three‑, four‑, and five‑tier architectures—explaining their structures, advantages, and appropriate use cases to help developers choose the most efficient model.
The author recounts transitioning from PHP and .NET web development to building Android and iOS apps with Xamarin, describing the motivations, new programming paradigms like MVVM and async, the steep learning curve, and the ongoing commitment to mastering mobile development.
