BestHub
Sign in
Tag

MobX

1 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 22, 2022 · Frontend Development

Building a Management Backend with Ant Design 5, React 18, Vite, and TypeScript

This article explains why Ant Design 5 is preferred over MUI, then walks through configuring Vite and tsconfig, creating login and home pages, designing a recursive routing system, implementing lazy loading, menu generation, route listening hooks, tab management with KeepAlive, theme customization, and dynamic routing with React Router 6.4.3 for a full‑featured admin dashboard.

Ant DesignMobXReact
0 likes · 17 min read
Building a Management Backend with Ant Design 5, React 18, Vite, and TypeScript
IT Services Circle
IT Services Circle
May 5, 2022 · Frontend Development

Understanding State Management in Frontend Development

State management, the core of frontend development, involves defining state as data changes, handling asynchronous pre‑state logic, and linking post‑state updates to view rendering, with implementations ranging from framework APIs like React’s setState to reactive proxies in Vue and global stores such as Redux, MobX, and Vuex.

MobXReactRedux
0 likes · 13 min read
Understanding State Management in Frontend Development
ByteDance Dali Intelligent Technology Team
ByteDance Dali Intelligent Technology Team
Jun 30, 2021 · Mobile Development

Understanding MobX Data Binding and Update Process in Flutter

This article explains how MobX implements data binding and update mechanisms in Flutter, compares it with other state‑management frameworks, walks through the internal Observer‑Atom‑Reaction workflow with code examples, and presents common pitfalls and best‑practice recommendations for mobile developers.

DartFlutterMobX
0 likes · 19 min read
Understanding MobX Data Binding and Update Process in Flutter
Xianyu Technology
Xianyu Technology
Apr 8, 2021 · Frontend Development

Linke: A Decoupled Component Framework for Xianyu Frontend

Linke is a decoupled component framework for Xianyu’s frontend that separates UI (View) from business logic (Store) through a clear Interface, adopts MobX for lightweight state management, and thereby boosts code reuse, standardizes development, and cuts maintenance overhead across multiple projects.

Component ArchitectureMobXRedux
0 likes · 11 min read
Linke: A Decoupled Component Framework for Xianyu Frontend
Tencent Cloud Developer
Tencent Cloud Developer
Jan 25, 2021 · Frontend Development

State Management in React: Redux, Mobx, and Clean-State

The article compares traditional React state‑management solutions—Redux’s single‑store with extra libraries and potential re‑renders, and MobX’s fine‑grained but class‑based approach—against the lightweight, hook‑driven Clean‑State library, which avoids providers, reduces bundle size, and offers precise module‑level updates for large and consumer applications.

Clean-StateFrontend DevelopmentMobX
0 likes · 10 min read
State Management in React: Redux, Mobx, and Clean-State
JD Retail Technology
JD Retail Technology
Aug 24, 2020 · Frontend Development

Building a Multi‑Platform Mini Program with Taro, Taro UI, TypeScript, and MobX

This article details the development of a multi‑platform mini‑program using the Taro framework, covering project background, architecture, technology selection, TypeScript practices, MobX state management, API service encapsulation, image scaling, and canvas‑based poster sharing, with code examples and implementation insights.

APIMiniProgramMobX
0 likes · 18 min read
Building a Multi‑Platform Mini Program with Taro, Taro UI, TypeScript, and MobX
政采云技术
政采云技术
Oct 29, 2019 · Frontend Development

Understanding Vue 3.0 Reactive Data: New Mechanisms and Their Impact

This article explains how Vue 3.0 rewrites its reactivity system using Proxy and Reflet, introduces the reactive, effect, and computed APIs, compares them with MobX, and details the resulting changes for arrays, collections, lazy observation, and IE compatibility.

JavaScriptMobXReactive
0 likes · 16 min read
Understanding Vue 3.0 Reactive Data: New Mechanisms and Their Impact
Ctrip Technology
Ctrip Technology
Mar 7, 2019 · Frontend Development

Understanding Data Flow Management in React: An Overview of Redux, MobX, and RxJS

This article explains why data flow management is crucial in React, reviews React's built‑in state handling, and compares three popular third‑party solutions—Redux, MobX, and RxJS—highlighting their concepts, strengths, weaknesses, and suitable scenarios for use.

MobXReactRedux
0 likes · 17 min read
Understanding Data Flow Management in React: An Overview of Redux, MobX, and RxJS
HomeTech
HomeTech
Oct 23, 2018 · Frontend Development

Migrating a React + Ant Design + MobX Project from JavaScript to TypeScript

This article explains a step‑by‑step method for converting a React project that uses Ant Design and MobX from plain JavaScript to a fully typed TypeScript codebase, covering project scaffolding, file migration, configuration adjustments, global variable handling, API typing, store integration, and Sass updates.

Ant DesignMigrationMobX
0 likes · 11 min read
Migrating a React + Ant Design + MobX Project from JavaScript to TypeScript
Youzan Coder
Youzan Coder
Jul 6, 2018 · Frontend Development

Reactive Programming in Frontend: EventEmitter, Redux, and Mobx

The article contrasts push‑based reactive programming with imperative code, then walks through a simple EventEmitter with manual cleanup, examines Redux’s store subscriptions and middleware overhead, explores Mobx’s automatic dependency tracking via getters, setters and autorun, and compares the boilerplate, performance, and hidden‑dependency trade‑offs before previewing a future post on using Observables for asynchronous events.

EventEmitterMobXRedux
0 likes · 6 min read
Reactive Programming in Frontend: EventEmitter, Redux, and Mobx
Qunar Tech Salon
Qunar Tech Salon
Jun 14, 2018 · Mobile Development

Using MobX for Data Flow Management in a React Native Mobile Ticketing Application

This article explains how MobX replaces Redux for state management in a React Native flight‑ticket app, detailing its architecture, module breakdown, implementation steps, and the performance and maintenance advantages it brings to complex mobile projects.

MobXMobile DevelopmentReact Native
0 likes · 13 min read
Using MobX for Data Flow Management in a React Native Mobile Ticketing Application
Ctrip Technology
Ctrip Technology
Apr 3, 2018 · Frontend Development

Understanding MVVM: Concepts, Evolution, and Frontend Data‑Flow Solutions

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.

MVVMMobXReactive Programming
0 likes · 9 min read
Understanding MVVM: Concepts, Evolution, and Frontend Data‑Flow Solutions
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jul 16, 2017 · Frontend Development

Top Front-End & Tech News This Week: Vue PWA, Async CSS, MobX 3.2, and More

This week’s front‑end roundup covers Baidu’s new Vue‑based PWA LAVAS and Web AR support, a decline in global PC shipments, Taobao’s group‑buy launch, upcoming async CSS in Webpack, MobX 3.2.0, China’s first smart parking system, Apple’s open‑sourced Swift Migrator, Let’s Encrypt wildcard certificates, Facebook camera updates, and Huawei’s 5G trial talks with India.

AIMobXVue
0 likes · 6 min read
Top Front-End & Tech News This Week: Vue PWA, Async CSS, MobX 3.2, and More
System Architect Go
System Architect Go
Jul 8, 2017 · Frontend Development

Reflections on Building a Small Management System with React, MobX, and Ant Design

Over the past two weeks I built a small backend management system using React, React‑Router, MobX, Webpack, Axios, ECharts and Ant Design, and share practical insights on component loading, routing upgrades, state management choices, bundling pitfalls, and UI library usage.

Ant DesignJavaScriptMobX
0 likes · 5 min read
Reflections on Building a Small Management System with React, MobX, and Ant Design