Tag

MVVM

0 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 28, 2024 · Mobile Development

Implementing MVVM with Riverpod in Flutter: A ViewModel‑Based State Management Guide

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.

DartFlutterMVVM
0 likes · 12 min read
Implementing MVVM with Riverpod in Flutter: A ViewModel‑Based State Management Guide
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
May 22, 2024 · Mobile Development

Android MVVM Architecture

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.

JavaKotlinLiveData
0 likes · 8 min read
Android MVVM Architecture
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
May 14, 2024 · Mobile Development

Implementing ViewModel with Riverpod in Flutter for UI‑Logic Separation

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.

FlutterMVVMMobile Development
0 likes · 13 min read
Implementing ViewModel with Riverpod in Flutter for UI‑Logic Separation
Sohu Tech Products
Sohu Tech Products
Jan 24, 2024 · Mobile Development

The Purpose of UseCase in Android Architecture

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.

Domain LayerMVVMUseCase
0 likes · 7 min read
The Purpose of UseCase in Android Architecture
NetEase Media Technology Team
NetEase Media Technology Team
Dec 22, 2023 · Mobile Development

Jetpack Compose: From MVVM to MVI Architecture in Android Development

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.

Android UIJetpack ComposeMVI
0 likes · 21 min read
Jetpack Compose: From MVVM to MVI Architecture in Android Development
HelloTech
HelloTech
Mar 15, 2023 · Mobile Development

Cross‑Platform Mobile Development: Evaluation and Implementation of Flutter and H5 Hybrid Solutions

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.

Cross‑PlatformFlutterHybrid App
0 likes · 14 min read
Cross‑Platform Mobile Development: Evaluation and Implementation of Flutter and H5 Hybrid Solutions
DaTaobao Tech
DaTaobao Tech
Nov 21, 2022 · Mobile Development

Modular iOS Photo Album Architecture and Implementation

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.

MVVMPhotoKitiOS
0 likes · 13 min read
Modular iOS Photo Album Architecture and Implementation
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 17, 2022 · Mobile Development

Implementing MVVM Architecture and Network Requests in a SwiftUI Mobile App

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.

JSONMVVMNetworking
0 likes · 11 min read
Implementing MVVM Architecture and Network Requests in a SwiftUI Mobile App
Bilibili Tech
Bilibili Tech
Oct 25, 2022 · Mobile Development

Architecture and Data Flow of Bilibili Live Room: MVVM Design, View Interaction, and Business Segmentation

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.

Data FlowLive StreamingMVVM
0 likes · 13 min read
Architecture and Data Flow of Bilibili Live Room: MVVM Design, View Interaction, and Business Segmentation
Sohu Tech Products
Sohu Tech Products
Oct 19, 2022 · Mobile Development

Managing Complexity in Android Search UI: From MVC to MVI and Kotlin DSL Implementation

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.

KotlinMVIMVVM
0 likes · 16 min read
Managing Complexity in Android Search UI: From MVC to MVI and Kotlin DSL Implementation
Laravel Tech Community
Laravel Tech Community
Jun 13, 2022 · Frontend Development

The Rise and Decline of jQuery: From Web 2.0 Dominance to Modern Front‑End Landscape

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.

HTML5HistoryJavaScript
0 likes · 12 min read
The Rise and Decline of jQuery: From Web 2.0 Dominance to Modern Front‑End Landscape
macrozheng
macrozheng
Jun 12, 2022 · Frontend Development

Why jQuery’s Dominance Is Fading: From Web 2.0 Star to Legacy Tool

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.

HTML5JavaScriptMVVM
0 likes · 14 min read
Why jQuery’s Dominance Is Fading: From Web 2.0 Star to Legacy Tool
IT Services Circle
IT Services Circle
Apr 24, 2022 · Frontend Development

GongSolutions.WPF.DragDrop – A WPF Drag‑Drop Framework for .NET

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.

.NETC++DragDrop
0 likes · 5 min read
GongSolutions.WPF.DragDrop – A WPF Drag‑Drop Framework for .NET
vivo Internet Technology
vivo Internet Technology
Jan 12, 2022 · Mobile Development

Pitfalls of LiveData Observation and Lambda Optimizations in Android MVVM

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.

JavaKotlinLiveData
0 likes · 20 min read
Pitfalls of LiveData Observation and Lambda Optimizations in Android MVVM
Sohu Tech Products
Sohu Tech Products
Dec 1, 2021 · Mobile Development

Understanding Android Architecture: From MVC/MVP/MVVM to MVI

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.

KotlinMVIMVVM
0 likes · 11 min read
Understanding Android Architecture: From MVC/MVP/MVVM to MVI
Sohu Tech Products
Sohu Tech Products
Oct 20, 2021 · Mobile Development

Kotlin Network Request Wrappers with LiveData: Two Approaches, Code Samples, and Comparison

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.

CoroutinesKotlinLiveData
0 likes · 10 min read
Kotlin Network Request Wrappers with LiveData: Two Approaches, Code Samples, and Comparison
Sohu Tech Products
Sohu Tech Products
Aug 11, 2021 · Mobile Development

Applying Architectural Principles to an Android MVVM Project (WanAndroid)

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.

KotlinMVVMMobile Development
0 likes · 13 min read
Applying Architectural Principles to an Android MVVM Project (WanAndroid)
Sohu Tech Products
Sohu Tech Products
Aug 11, 2021 · Mobile Development

Encapsulating Retrofit with Kotlin Coroutines in Android MVVM Architecture

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.

Kotlin CoroutinesLiveDataMVVM
0 likes · 13 min read
Encapsulating Retrofit with Kotlin Coroutines in Android MVVM Architecture
Tencent Music Tech Team
Tencent Music Tech Team
Jul 22, 2021 · Mobile Development

Modular Architecture and ViewDelegate Design for QQ Music Playback Page on Android

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.

LiveDataMVVMUI performance
0 likes · 23 min read
Modular Architecture and ViewDelegate Design for QQ Music Playback Page on Android
Sohu Tech Products
Sohu Tech Products
May 26, 2021 · Mobile Development

Understanding MVC and MVVM Patterns in iOS Development

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.

KVOMVCMVVM
0 likes · 37 min read
Understanding MVC and MVVM Patterns in iOS Development