BestHub
Sign in
Tagged articles
236 articles
Page 2 of 3
JD Retail Technology
JD Retail Technology
Oct 21, 2022 · Frontend Development

Design and Implementation of a One‑Code‑Multi‑End Interactive Development Engine Using Taro and React

This article describes how a one‑code‑multi‑end interactive engine was built by selecting the Taro framework, adapting H5 design, creating a unified data‑management layer, defining a generic development model, handling UI adaptation, animation, and engineering concerns to improve development efficiency across web, mini‑program and app platforms.

Engine ArchitectureReactState Management
0 likes · 17 min read
Design and Implementation of a One‑Code‑Multi‑End Interactive Development Engine Using Taro and React
DaTaobao Tech
DaTaobao Tech
Oct 13, 2022 · Mobile Development

Getting Started with Jetpack Compose: Building a Simple Page

This tutorial walks through building a simple Jetpack Compose page, showing how to define composable functions, manage reactive state, preview UI, add animations, and adapt layouts for portrait and landscape, providing a concise foundation for modern Android UI development.

Android UIDeclarative UIJetpack Compose
0 likes · 11 min read
Getting Started with Jetpack Compose: Building a Simple Page
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Oct 11, 2022 · Frontend Development

Mastering Recoil: Advanced State Management Techniques for React

This article provides a comprehensive guide to Recoil, Facebook's React state‑management library, covering its graph‑based architecture, atoms and selectors, family APIs for bulk state, async data handling with Suspense and Loadable, snapshot usage for SSR and time‑travel, external synchronization, and practical tips for reducing mental load.

AsyncReactRecoil
0 likes · 14 min read
Mastering Recoil: Advanced State Management Techniques for React
Sohu Tech Products
Sohu Tech Products
Sep 21, 2022 · Frontend Development

The New Wave of React State Management

This article examines the core challenges that global state‑management libraries must address in modern React applications, reviews the evolution from early solutions like Redux to newer atom‑based and remote‑state tools, and offers guidance on selecting the most suitable library for a given project.

JotaiReactRecoil
0 likes · 17 min read
The New Wave of React State Management
58 Tech
58 Tech
Sep 20, 2022 · Mobile Development

State Management in Flutter: Concepts, Classifications, and Common Frameworks

State management in Flutter involves understanding different state types—ephemeral and application—using stateful and stateless widgets, and selecting appropriate frameworks such as Provider, Redux, GetX, and others, each with distinct advantages, drawbacks, and usage patterns to efficiently handle UI updates and data sharing across components.

GetXMobile DevelopmentProvider
0 likes · 15 min read
State Management in Flutter: Concepts, Classifications, and Common Frameworks
Baidu Geek Talk
Baidu Geek Talk
Aug 24, 2022 · Frontend Development

Mastering State Management and Time‑Travel Debugging with san‑store

This article explains why front‑end state management is essential, walks through the flux‑based san‑store architecture, demonstrates core usage and code patterns, and details how san‑devtools implements time‑travel debugging by logging state snapshots, computing diffs, and replaying them to restore previous UI states.

FluxJavaScriptState Management
0 likes · 11 min read
Mastering State Management and Time‑Travel Debugging with san‑store
JD Tech
JD Tech
Aug 18, 2022 · Mobile Development

A New Approach to State Refresh in Flutter Using Extension Properties and TosObWidget

This article introduces a novel Flutter state‑refresh technique that leverages Dart extension properties to implement an observer pattern, compares it with the traditional Provider/ChangeNotifier approach, and demonstrates a more granular, flexible solution called TosObWidget with complete code examples and performance analysis.

DARTFlutterMobile Development
0 likes · 13 min read
A New Approach to State Refresh in Flutter Using Extension Properties and TosObWidget
DaTaobao Tech
DaTaobao Tech
Aug 17, 2022 · Frontend Development

Understanding and Using the useReducer Hook in React

React’s useReducer hook, introduced in version 16.8, lets a component manage complex state by supplying a reducer function and an initial value, returning [state, dispatch] where dispatch triggers actions; it supports lazy initialization, centralizes updates, works with useContext for shared state, and is preferable to useState for non‑trivial logic but less suited than full Redux for large‑scale state needs.

JavaScriptReactState Management
0 likes · 19 min read
Understanding and Using the useReducer Hook in React
Architect's Guide
Architect's Guide
Jul 21, 2022 · Backend Development

Designing a Flexible Workflow Engine: From Simple Chains to Complex Nested Nodes

This article chronicles the step‑by‑step evolution of a workflow engine, detailing how simple sequential approvers were expanded into hierarchical trees supporting parallel, multi‑sign, conditional, proxy, and scripted nodes, while introducing state management, rejection handling, and progress metrics.

BackendSoftware ArchitectureState Management
0 likes · 9 min read
Designing a Flexible Workflow Engine: From Simple Chains to Complex Nested Nodes
DeWu Technology
DeWu Technology
Jul 4, 2022 · Frontend Development

DeWu Customer Service Hotline: Architecture, Features, and Technical Implementation

DeWu’s new 400‑number customer service hotline augments its IM chat with a call‑handling console, using the Helly SDK, module‑federated components, finance‑data iframes, and IVR verification that cuts average call time by 12.5 seconds, while a state store improves performance, delivering 6.2 % of traffic as verified calls and paving the way for an upgraded telephony SDK, expanded self‑service IVR, more data panels, and configurable routing rules.

IVRState Managementcustomer-service
0 likes · 11 min read
DeWu Customer Service Hotline: Architecture, Features, and Technical Implementation
JD Retail Technology
JD Retail Technology
Jul 4, 2022 · Frontend Development

Iframe State Preservation and Vue Patch Mechanism Exploration

This article examines how iframe state can be preserved in a Vue‑based platform by using CSS display toggling, introduces an iframe resource pool with a competition eviction strategy, and analyzes Vue's patch algorithm and DOM insertBefore behavior to propose a solution that avoids unwanted iframe refreshes.

State Managementiframepatch
0 likes · 10 min read
Iframe State Preservation and Vue Patch Mechanism Exploration
KooFE Frontend Team
KooFE Frontend Team
Jun 18, 2022 · Frontend Development

Build a Simple Redux from Scratch and Integrate It with React

This article explains Redux’s core concepts, demonstrates how to implement a basic createStore function in JavaScript, and shows how to integrate it with React using a custom Provider and connect higher‑order component for state sharing across components.

JavaScriptReactRedux
0 likes · 5 min read
Build a Simple Redux from Scratch and Integrate It with React
Sohu Tech Products
Sohu Tech Products
May 25, 2022 · Frontend Development

Comprehensive Guide to the React Ecosystem: Tools, Libraries, and Best Practices

This article provides an extensive overview of the modern React ecosystem, covering project setup options, state management, routing, styling, component libraries, animation, data fetching, testing, type checking, internationalization, and many other tools and best‑practice recommendations for frontend developers.

ReactState ManagementStyling
0 likes · 20 min read
Comprehensive Guide to the React Ecosystem: Tools, Libraries, and Best Practices
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.

MobXReduxState Management
0 likes · 13 min read
Understanding State Management in Frontend Development
Youzan Coder
Youzan Coder
Apr 26, 2022 · Mobile Development

Performance Optimization of Flutter Applications Using Fish Redux

By analyzing severe UI lag in a Flutter retail app, the team discovered that Fish Redux’s refresh mechanism and an inefficient JSON key‑conversion library caused excessive rebuilds; rewriting shouldUpdate, adopting ImmutableConn, and replacing Recase with a cached converter cut lag by roughly 60 % and demonstrated the importance of fine‑grained component management for high‑performance Flutter applications.

DARTFish ReduxFlutter
0 likes · 11 min read
Performance Optimization of Flutter Applications Using Fish Redux
ELab Team
ELab Team
Apr 25, 2022 · Frontend Development

Why RxJS Is the Secret Weapon for Modern Frontend Development

This comprehensive guide explains how RxJS brings functional reactive programming to web applications, showing real‑world examples such as online classrooms, autocomplete search, canvas drawing, and service‑layer design, while comparing it to Redux and offering debugging tools and best practices.

JavaScriptState Managementfrontend development
0 likes · 61 min read
Why RxJS Is the Secret Weapon for Modern Frontend Development
ELab Team
ELab Team
Apr 23, 2022 · Frontend Development

Unveiling ProseMirror: Architecture, State, View, and Transform Explained

This article explores ProseMirror's core architecture, detailing its four modules, initialization and update flows, and how state, view, and transform layers work together to provide a robust, data‑driven rich‑text editing experience.

Document ModelProseMirrorState Management
0 likes · 9 min read
Unveiling ProseMirror: Architecture, State, View, and Transform Explained
LOFTER Tech Team
LOFTER Tech Team
Apr 6, 2022 · Frontend Development

State Management in React: From Redux to Unstated‑Next, Constate, Zustand, Jotai and Valtio

This article reviews the evolution of React state‑management solutions, comparing classic Redux with modern Hook‑based libraries such as Unstated‑Next, Constate, Zustand, Jotai and Valtio, explains core concepts like algebraic effects, context duplication, and provides practical code examples and performance tips.

Context APIReactRedux
0 likes · 21 min read
State Management in React: From Redux to Unstated‑Next, Constate, Zustand, Jotai and Valtio
政采云技术
政采云技术
Mar 3, 2022 · Cloud Native

Hands‑on Dapr with Java: Service Invocation and State Management Tutorial

This tutorial walks through setting up a Java‑based Dapr project, demonstrating service‑to‑service invocation and state management with Redis, including configuration, code, Kubernetes manifests, Docker packaging, and verification steps, and provides guidance on building, deploying, and testing the microservices locally.

Cloud NativeDaprDocker
0 likes · 12 min read
Hands‑on Dapr with Java: Service Invocation and State Management Tutorial
政采云技术
政采云技术
Mar 1, 2022 · Cloud Native

Introduction to Dapr: Features, Architecture, and Installation Guide

This article introduces Dapr, a cloud‑native sidecar runtime for building resilient microservices, explains its core features such as service invocation, state management, pub/sub, bindings, actors, observability, and secrets, and provides step‑by‑step installation instructions for CLI, binaries, Kubernetes, and Helm.

Cloud NativeDaprInstallation
0 likes · 10 min read
Introduction to Dapr: Features, Architecture, and Installation Guide
ByteDance ADFE Team
ByteDance ADFE Team
Feb 28, 2022 · Frontend Development

Understanding Recoil’s Asynchronous Data Flow and Loading Handling

This article explains how Recoil implements asynchronous data streams, detailing the underlying data‑flow architecture, the role of atoms and selectors, the lifecycle of async loading states, and two approaches for handling loading—manual useRecoilValueLoadable and automatic React.Suspense integration—accompanied by illustrative code examples.

AsyncReactRecoil
0 likes · 10 min read
Understanding Recoil’s Asynchronous Data Flow and Loading Handling
Sohu Tech Products
Sohu Tech Products
Feb 9, 2022 · Mobile Development

Flutter State Management: Using Provider and Source Code Analysis

This article explains how to use the Provider package for state management in Flutter, detailing its implementation, including ChangeNotifierProvider, Consumer, ProxyProvider, and the underlying InheritedWidget mechanism, and compares it with other popular Flutter state‑management solutions.

ChangeNotifierConsumerFlutter
0 likes · 24 min read
Flutter State Management: Using Provider and Source Code Analysis
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 12, 2022 · Frontend Development

Front-end Development Trends, Low-Code Platforms for Developers, and Node.js 2021 Developer Report Overview

The article reviews recent front‑end evolution, highlights emerging low‑code platforms and multi‑state view solutions for developers, and analyzes the 2021 Node.js developer report, emphasizing shifts toward standardization, performance, serverless adoption, and the growing importance of multidisciplinary integration in web development.

State ManagementWeb Developmentdeveloper trends
0 likes · 18 min read
Front-end Development Trends, Low-Code Platforms for Developers, and Node.js 2021 Developer Report Overview
Qunar Tech Salon
Qunar Tech Salon
Jan 10, 2022 · Mobile Development

Flutter-based Refactoring of QTalk: Architecture, Challenges, and Solutions

QTalk, Qunar's internal IM tool, was re‑engineered using Flutter to unify Android, iOS, QT, and desktop platforms, addressing code duplication, low development efficiency, and architectural complexity through a new data‑logic‑UI framework, mixed‑stack integration, state‑management choices, and performance optimizations.

Hybrid IntegrationMobile DevelopmentState Management
0 likes · 21 min read
Flutter-based Refactoring of QTalk: Architecture, Challenges, and Solutions
ByteDance ADFE Team
ByteDance ADFE Team
Dec 30, 2021 · Frontend Development

Understanding Immer.js: Immutable Data Handling in JavaScript and React

Immer.js, created by the author of MobX, provides a lightweight immutable data library for JavaScript using ES6 proxies, offering simple APIs and seamless integration with React’s state management, while comparing its concepts, implementation details, and trade‑offs against Immutable.js and manual cloning techniques.

Immer.jsImmutable DataJavaScript
0 likes · 18 min read
Understanding Immer.js: Immutable Data Handling in JavaScript and React
BaiPing Technology
BaiPing Technology
Dec 20, 2021 · Mobile Development

Master Jetpack Compose: A Beginner’s Guide to Modern Android UI Development

This article introduces Jetpack Compose, Google’s modern declarative UI toolkit for Android, explaining its origins, core concepts of declarative UI, basic usage, essential components like Text, Button, Image, layout containers, modifiers, state management, and provides practical code examples to help developers build efficient, modern Android interfaces.

Android UIDeclarative UIJetpack Compose
0 likes · 21 min read
Master Jetpack Compose: A Beginner’s Guide to Modern Android UI Development
Xianyu Technology
Xianyu Technology
Nov 18, 2021 · Mobile Development

Optimizing fish_redux 3.0: Architecture, Core Capabilities, and Code Refactoring

Fish_redux 3.0 refactors the framework by collapsing deep inheritance into a BasicComponent base, trimming code from over 3 k to about 1 k lines, streamlining context handling, and preserving core state‑driven UI, middleware, and assembly‑style componentization while adding lightweight extension packages and a roadmap for further Flutter and Dart 2.x enhancements.

Code RefactoringFlutterState Management
0 likes · 9 min read
Optimizing fish_redux 3.0: Architecture, Core Capabilities, and Code Refactoring
Baidu App Technology
Baidu App Technology
Nov 15, 2021 · Frontend Development

State Management in San: san-store Implementation and Time‑Travel Debugging

The article explains front‑end state management using San’s san‑store, detailing its Flux‑style architecture, action registration, component connection, immutable updates with san‑update, and a time‑travel debugging system that logs state changes, restores snapshots, computes efficient diffs, and discusses its benefits and limitations.

DebuggingFluxSAN
0 likes · 12 min read
State Management in San: san-store Implementation and Time‑Travel Debugging
Tencent Cloud Developer
Tencent Cloud Developer
Nov 9, 2021 · Big Data

Comprehensive Overview of Apache Flink Streaming Computation and Architecture

The article systematically introduces Apache Flink’s streaming computation model, contrasting batch and real‑time processing, detailing its unified architecture, managed and raw state with key groups, checkpointing and savepoints for fault tolerance, data exchange mechanisms, time semantics, windowing, side‑outputs, and a complete Java Kafka‑based example.

Apache FlinkCheckpointFlink Architecture
0 likes · 46 min read
Comprehensive Overview of Apache Flink Streaming Computation and Architecture
ELab Team
ELab Team
Oct 29, 2021 · Mobile Development

Master Flutter: Build a Cross‑Platform Todo App with Dart and React Comparisons

This article introduces Flutter, Google’s open‑source mobile UI framework, explains its cross‑platform rendering engine, compares it with React, and walks through building a Todo‑List app—including environment setup, project structure, Dart code, widget creation, routing, state management with Provider, and widget lifecycle—complete with code snippets and screenshots.

DARTFlutterMobile Development
0 likes · 20 min read
Master Flutter: Build a Cross‑Platform Todo App with Dart and React Comparisons
ELab Team
ELab Team
Oct 15, 2021 · Frontend Development

Mastering Redux: Core Principles, Architecture, and Real-World Implementation

This article provides a comprehensive overview of Redux, covering its design philosophy, core components, API implementation, React bindings, and practical code examples to help developers understand and apply state management effectively in modern front‑end applications.

JavaScriptReactState Management
0 likes · 18 min read
Mastering Redux: Core Principles, Architecture, and Real-World Implementation
Big Data Technology & Architecture
Big Data Technology & Architecture
Oct 9, 2021 · Big Data

Apache Flink 1.7–1.14 Release Highlights and Feature Evolution

This article provides a comprehensive overview of Apache Flink's major releases from version 1.7 to 1.14, detailing new APIs, state management improvements, Kubernetes integration, SQL and Table API enhancements, checkpointing advances, and performance optimizations that together illustrate the platform's evolution for both streaming and batch processing workloads.

Apache FlinkBatch ProcessingCheckpoint
0 likes · 78 min read
Apache Flink 1.7–1.14 Release Highlights and Feature Evolution
Aotu Lab
Aotu Lab
Sep 24, 2021 · Frontend Development

Accelerate Frontend Development with esbuild, Treemap, XState, TypeScript & V8

This article explores how to speed up Webpack builds with esbuild-loader, implements dynamic treemap visualizations for NetEase Cloud Music’s social voting feature, introduces XState’s finite‑state‑machine approach to state management, explains the inner workings of TypeScript, and provides a deep dive into the V8 JavaScript engine.

State ManagementTypeScriptV8
0 likes · 7 min read
Accelerate Frontend Development with esbuild, Treemap, XState, TypeScript & V8
Alibaba Terminal Technology
Alibaba Terminal Technology
Sep 1, 2021 · Mobile Development

Unlocking Faster Mobile UI with Fish-Redux 2.0’s Dynamic FlowAdapter

This article explains how Fish-Redux has been adopted across Xianyu’s core mobile flows, the limitations of its original static and dynamic adapters, and the architectural evolution that led to a unified FlowAdapter delivering dynamic page composition, component reuse, AB testing and improved developer productivity.

AB testingDynamic AdapterFish Redux
0 likes · 10 min read
Unlocking Faster Mobile UI with Fish-Redux 2.0’s Dynamic FlowAdapter
Alibaba Cloud Developer
Alibaba Cloud Developer
Aug 30, 2021 · Frontend Development

Can Design Patterns Make Your React Hooks More Elegant?

This article explores how classic design patterns and solid principles can be applied to React Hooks development, demonstrating with Context, custom global state, useState vs useReducer, and custom hook composition to improve code maintainability and reduce unnecessary re‑renders.

Custom HookState Managementhooks
0 likes · 16 min read
Can Design Patterns Make Your React Hooks More Elegant?
ByteFE
ByteFE
Aug 26, 2021 · Frontend Development

Why React Keys Matter: The Hidden Bug in Dynamic Forms

This article explains why React keys are crucial when rendering lists, demonstrating through a dynamic form example how using array indices as keys can cause bugs when items are added or deleted.

Dynamic FormsKEYSReact
0 likes · 6 min read
Why React Keys Matter: The Hidden Bug in Dynamic Forms
ByteDance Web Infra
ByteDance Web Infra
Aug 25, 2021 · Frontend Development

Analysis of Modern Web Development Practices from ByteDance Survey

A comprehensive survey of 612 front‑end developers reveals the dominant use of ES6+, TypeScript, React, Vue, CSS preprocessors, state‑management libraries, build tools, and server‑side rendering approaches in China's modern web development landscape, highlighting trends, preferences, and emerging technologies.

State ManagementWeb Developmentfrontend
0 likes · 11 min read
Analysis of Modern Web Development Practices from ByteDance Survey
Kuaishou Tech
Kuaishou Tech
Jun 15, 2021 · Mobile Development

Optimizing a Complex Video Editing Page with Flutter and Redux

This article details how a video editing page built entirely with Flutter and Redux can overcome state, logic, UI, and performance complexities through architectural decisions, time‑range handling, stack‑based rendering, thumbnail caching, and frame‑rate optimizations to achieve native‑level performance on mainstream devices.

FlutterMobile DevelopmentRedux
0 likes · 16 min read
Optimizing a Complex Video Editing Page with Flutter and Redux
Big Data Technology & Architecture
Big Data Technology & Architecture
Jun 1, 2021 · Big Data

Understanding Idle State Retention Time in Flink SQL

Flink SQL's idle state retention time feature prevents state explosion by automatically cleaning up state for keys that remain inactive beyond a configurable time window, requiring both minimum and maximum retention settings, with implementation details involving CleanupState, timers, and KeyedProcessFunctionWithCleanupState.

FlinkIdle State RetentionState Management
0 likes · 8 min read
Understanding Idle State Retention Time in Flink SQL
Kuaishou Tech
Kuaishou Tech
May 28, 2021 · Mobile Development

Flutter Cross‑Platform Implementation Practices at Kaiyan Kuaichuang

This article introduces Kaiyan Kuaichuang's Flutter‑based cross‑platform architecture, covering component layering, state‑management strategies (BLoC, Provider, Redux, Built_redux), data communication via gRPC/ProtoBuf, and a custom URL‑based routing solution, while sharing practical code snippets and lessons learned.

FlutterMobile DevelopmentRedux
0 likes · 14 min read
Flutter Cross‑Platform Implementation Practices at Kaiyan Kuaichuang
Kuaishou Frontend Engineering
Kuaishou Frontend Engineering
May 26, 2021 · Mobile Development

Inside Kuaishou Creative: Flutter Architecture, State Management & Communication Strategies

This article explores how Kuaishou Creative leverages Flutter for cross‑platform development, detailing its componentized architecture, page‑level and inter‑page state management approaches, data and page communication mechanisms, and the custom routing solution that unifies navigation across the app.

FlutterReduxState Management
0 likes · 16 min read
Inside Kuaishou Creative: Flutter Architecture, State Management & Communication Strategies
ByteDance ADFE Team
ByteDance ADFE Team
May 12, 2021 · Frontend Development

Understanding Recoil: Solving State Management Challenges in React

This article explains the origins of Recoil, why existing tools like Redux, React's built‑in state, and Context fall short for complex shared and derived state scenarios, and how Recoil's atom‑selector architecture, including async selectors and application‑level state observation, addresses flexibility, performance, and robustness in modern React applications.

AtomReactRecoil
0 likes · 8 min read
Understanding Recoil: Solving State Management Challenges in React
Taobao Frontend Technology
Taobao Frontend Technology
May 11, 2021 · Frontend Development

How to Build an Extensible Page Builder with Component Replacement and State Sharing

This article explains the challenges of scaling a page‑building editor, proposes three architectural solutions, and details a design that enables fine‑grained component replacement and shared internal state through a global model, middleware, and extensible plug‑in mechanisms.

Component ArchitectureState Managementextensibility
0 likes · 17 min read
How to Build an Extensible Page Builder with Component Replacement and State Sharing
dbaplus Community
dbaplus Community
Apr 20, 2021 · Big Data

10 Common Pitfalls When Migrating Spark Jobs to Flink (And How to Avoid Them)

This article shares ten practical pitfalls encountered when moving hourly Spark session jobs to Flink, covering parallelism load imbalance, state TTL, checkpointing strategies, logging, JMX debugging, state migration risks, reduce vs process choices, input data validation, event‑time handling, and external storage considerations, along with concrete configuration snippets and performance tips.

FlinkSpark migrationState Management
0 likes · 20 min read
10 Common Pitfalls When Migrating Spark Jobs to Flink (And How to Avoid Them)
ELab Team
ELab Team
Apr 14, 2021 · Frontend Development

Recoil vs Redux & MobX: Modern React State Management Explained

Recoil, Facebook’s experimental state‑management library for React, offers a hook‑based, orthogonal approach that reduces overhead compared to Redux and MobX, supports both synchronous and asynchronous selectors, provides utilities like atomFamily and selectorFamily, and integrates seamlessly with React’s concurrent features, making it a promising frontend solution.

ReactState Managementfrontend
0 likes · 11 min read
Recoil vs Redux & MobX: Modern React State Management Explained
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
DataFunTalk
DataFunTalk
Mar 15, 2021 · Big Data

Ten Gotchas When Migrating Spark Jobs to Flink

This article shares ten practical pitfalls encountered while moving hour‑level Spark session processing jobs to Apache Flink, covering parallelism skew, state TTL, checkpoint handling, logging, debugging, state migration, Reduce vs Process, input validation, event‑time handling, and the trade‑offs of storing data inside Flink.

Big DataFlinkState Management
0 likes · 19 min read
Ten Gotchas When Migrating Spark Jobs to Flink
Sohu Tech Products
Sohu Tech Products
Mar 10, 2021 · Mobile Development

SwiftUI Hooks: Bringing React‑style Hook Architecture to SwiftUI

SwiftUI Hooks is an open‑source library that adapts React Hooks concepts for SwiftUI, providing state‑and‑lifecycle hooks such as useState, useEffect, useMemo, and custom hooks, along with usage rules, testing utilities, context handling, and installation instructions for iOS development.

React HooksState ManagementSwiftUI
0 likes · 11 min read
SwiftUI Hooks: Bringing React‑style Hook Architecture to SwiftUI
ELab Team
ELab Team
Feb 26, 2021 · Frontend Development

Mastering React Hooks: Best Practices and Streamlined Patterns

This article reviews React Hooks, compares them with class components, demonstrates change‑driven coding with practical examples, introduces marble diagrams for visualizing state flows, and explores advanced patterns like custom hooks, immutable data handling, and global state management for more maintainable frontend development.

ReactState Managementfrontend
0 likes · 18 min read
Mastering React Hooks: Best Practices and Streamlined Patterns
Big Data Technology & Architecture
Big Data Technology & Architecture
Feb 19, 2021 · Big Data

A Comprehensive Guide to Learning Apache Flink: Background, Core Concepts, Modules, Source Code, and Industry Applications

This article provides a detailed learning roadmap for Apache Flink, covering its theoretical background, key research papers, fundamental concepts, core modules, source‑code exploration, real‑time data‑warehouse use cases, event‑driven applications, and emerging trends in the big‑data ecosystem.

Apache FlinkEvent-drivenReal-time analytics
0 likes · 9 min read
A Comprehensive Guide to Learning Apache Flink: Background, Core Concepts, Modules, Source Code, and Industry Applications
Beike Product & Technology
Beike Product & Technology
Jan 31, 2021 · Mobile Development

Flutter Widget Communication and State Management: Techniques and Principles

This article explains Flutter widget communication techniques—direct value passing, function callbacks, key modification, and GlobalKey—and explores state management solutions including InheritedWidget, Stream, EventBus, Bloc, Scoped_model, Provider, and Redux for cross-widget/page communication, and discusses their underlying principles and usage scenarios.

FlutterInheritedWidgetProvider
0 likes · 9 min read
Flutter Widget Communication and State Management: Techniques and Principles
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-StateMobXReact
0 likes · 10 min read
State Management in React: Redux, Mobx, and Clean-State
Xianyu Technology
Xianyu Technology
Jan 12, 2021 · Mobile Development

Rethinking Flutter: Technical Value and Front‑End Perspectives

By examining Flutter’s Dart‑based runtime, cross‑platform GUI framework, and productivity features such as hot‑reload, the article maps these technical strengths to core front‑end challenges—remote communication, state and UI management, and lifecycle handling—offering developers a structured perspective for strategic adoption and future innovation.

DARTFlutterFront-end
0 likes · 14 min read
Rethinking Flutter: Technical Value and Front‑End Perspectives
DataFunTalk
DataFunTalk
Nov 11, 2020 · Big Data

Evolution and Practices of Cainiao's Real‑Time Data Warehouse for International Import Business

This article details the high‑complexity logistics scenario of Cainiao's international import business, explains the evolution from offline to real‑time data warehouses (versions 1.0 and 2.0), describes the layered architecture, enumerates technical challenges such as multi‑source joins, state explosion, out‑of‑order processing, and presents concrete solutions using Flink features, logical middle‑layers, union‑all joins, deduplication, timer services, and batch‑stream hybrid processing.

Big DataFlinkState Management
0 likes · 21 min read
Evolution and Practices of Cainiao's Real‑Time Data Warehouse for International Import Business
Architects Research Society
Architects Research Society
Nov 4, 2020 · Frontend Development

React as a State Management Library: Best Practices and Patterns

This article explains how React can serve as a complete state‑management solution by using hooks, lifting state, component composition, the Context API, and optional libraries, while also covering performance tips, server‑cached versus UI state, and when to adopt external tools.

Context APIReactState Management
0 likes · 15 min read
React as a State Management Library: Best Practices and Patterns
Xueersi Online School Tech Team
Xueersi Online School Tech Team
Sep 25, 2020 · Frontend Development

Micro‑Frontend Architecture Selection and Implementation with qiankun

This article explains the business need for consolidating multiple management back‑ends, evaluates common micro‑frontend approaches, and details why the team selected qiankun, describing its features, integration strategy, routing and storage isolation, and future extensibility considerations.

Frontend ArchitectureState Managementmicro-frontend
0 likes · 7 min read
Micro‑Frontend Architecture Selection and Implementation with qiankun
360 Tech Engineering
360 Tech Engineering
Aug 3, 2020 · Frontend Development

Implementing React useState Hook from Scratch: Detailed Explanation and Code

This article explains how to recreate the React useState hook by following the React source execution flow, describing the update mechanism, circular linked‑list queue, fiber storage, scheduling simulation, and differences from the official implementation, all illustrated with complete JavaScript code examples.

ReactState Managementhooks
0 likes · 10 min read
Implementing React useState Hook from Scratch: Detailed Explanation and Code
Architect
Architect
Jun 11, 2020 · Big Data

Understanding Apache Flink Architecture, Data Transfer, Event‑Time Processing, State Management, and Checkpointing

This article explains Apache Flink's distributed system architecture—including JobManager, ResourceManager, TaskManager, and Dispatcher—covers session and job deployment modes, data transfer mechanisms, event‑time handling with watermarks, various state types and backends, scaling strategies, and the checkpoint/savepoint recovery process.

Apache FlinkBig DataEvent Time
0 likes · 15 min read
Understanding Apache Flink Architecture, Data Transfer, Event‑Time Processing, State Management, and Checkpointing
Youzan Coder
Youzan Coder
May 22, 2020 · Frontend Development

Why Does React Hooks Show Stale State? Unraveling Closures and Dependency Arrays

This article explores why React Hooks can display stale state values, comparing functional and class components, explaining closure behavior, dependency‑array mechanics, proper data‑fetching patterns, and when to replace useState with useReducer to avoid common pitfalls.

ReactState Managementfunctional components
0 likes · 13 min read
Why Does React Hooks Show Stale State? Unraveling Closures and Dependency Arrays
Ctrip Technology
Ctrip Technology
May 14, 2020 · Frontend Development

Applying Rematch State Management in Ctrip Train Ticket Module: Experience, Issues, and Solutions

This article details Ctrip's practical experience of refactoring its train‑ticket RN module with the Rematch state‑management framework, outlining the background problems of Redux, the three‑phase migration plan, specific challenges such as store compatibility, component decoupling, reuse, and the resulting code‑size reduction and readability improvements.

Component DecouplingCtripReact Native
0 likes · 11 min read
Applying Rematch State Management in Ctrip Train Ticket Module: Experience, Issues, and Solutions
vivo Internet Technology
vivo Internet Technology
May 13, 2020 · Frontend Development

Micro‑Component State Management, Hook Mechanism, and Cross‑Sandbox Communication in a Front‑End Activity Platform

The article explains how the Wukong Activity Platform enables micro‑components to interact with the editor and property panel by registering lifecycle hooks through a pre‑render step, storing them in a unified Vuex module, and synchronizing state across sandboxed iframes via postMessage and a parent‑store mixin that restores Vue reactivity.

Cross-iframeState ManagementVue
0 likes · 21 min read
Micro‑Component State Management, Hook Mechanism, and Cross‑Sandbox Communication in a Front‑End Activity Platform
vivo Internet Technology
vivo Internet Technology
Apr 15, 2020 · Frontend Development

RSC Component Architecture, EventBus, and Vuex State Management in Front-End Development

The article explains how the Remote Service Component (RSC) architecture uses a lightweight Vue‑based EventBus for decoupled communication and integrates Vuex with dynamically generated, namespaced stores to manage shared state across hot‑pluggable, visual‑configurable components, solving inter‑component data sharing and namespace collisions.

EventBusFront-end ArchitectureRSC
0 likes · 16 min read
RSC Component Architecture, EventBus, and Vuex State Management in Front-End Development
DataFunTalk
DataFunTalk
Mar 28, 2020 · Big Data

Applying Flink State Management for Real-Time Recommendation Scenarios

This article explains how Apache Flink's flexible state management can be leveraged to solve data correlation challenges in real‑time recommendation platforms, compares Flink with Spark and Storm, describes the underlying broadcast and managed state mechanisms, and provides a step‑by‑step implementation using Kafka, Druid, and custom broadcast functions.

Big DataFlinkReal-Time
0 likes · 14 min read
Applying Flink State Management for Real-Time Recommendation Scenarios
Sohu Tech Products
Sohu Tech Products
Mar 25, 2020 · Frontend Development

Progressive Refactoring of Vuex API Calls: From Separation of Concerns to Olive‑Shaped Interfaces and Response Normalization

This article walks through a multi‑stage refactoring of Vuex API calls for an IoT project, demonstrating how to separate concerns, create a concise olive‑shaped interface, implement custom isomorphic mappers, and normalize responses with three‑level error handling while keeping the codebase maintainable and scalable.

API RefactoringError HandlingState Management
0 likes · 16 min read
Progressive Refactoring of Vuex API Calls: From Separation of Concerns to Olive‑Shaped Interfaces and Response Normalization
58 Tech
58 Tech
Mar 4, 2020 · Big Data

Applying Flink State Management to Real‑Time Recommendation Scenarios

This article explains how Flink's flexible state management, including Broadcast, Keyed, and Operator states, can be used to solve real‑time recommendation challenges such as per‑minute UV, click, and exposure counting, while addressing locality mapping and data‑delay issues with Druid as the downstream store.

Broadcast StateDruidFlink
0 likes · 13 min read
Applying Flink State Management to Real‑Time Recommendation Scenarios
Youzan Coder
Youzan Coder
Feb 28, 2020 · Big Data

Flink Checkpoint Principle Analysis and Failure Cause Investigation

The article thoroughly explains Apache Flink’s checkpoint mechanism—including state types, coordinator workflow, exactly‑once versus at‑least‑once semantics, common failure sources such as code exceptions, storage or network issues, and practical configuration tips like interval settings, local recovery and externalized checkpoints.

Apache FlinkCheckpointExactly-Once
0 likes · 15 min read
Flink Checkpoint Principle Analysis and Failure Cause Investigation
Qunar Tech Salon
Qunar Tech Salon
Feb 28, 2020 · Frontend Development

Bifrost: Meituan’s Vue‑Based Micro‑Frontend Framework for Scalable Enterprise Front‑End Development

The article introduces Bifrost, Meituan’s Vue‑based micro‑frontend framework, detailing its background, design goals, architecture, implementation code, development practices, deployment workflow, and the benefits and challenges of adopting micro‑frontend architecture in large‑scale enterprise front‑end projects.

BifrostFrontend ArchitectureModule Federation
0 likes · 20 min read
Bifrost: Meituan’s Vue‑Based Micro‑Frontend Framework for Scalable Enterprise Front‑End Development
vivo Internet Technology
vivo Internet Technology
Feb 19, 2020 · Frontend Development

Understanding Redux: Principles, Data Flow, Source Code Analysis, and a Simple Implementation

Redux is a predictable JavaScript state container that centralizes a single immutable store, updates it via dispatched actions processed by pure reducers, combines multiple reducers, supports middleware and DevTools, and can be built from scratch by implementing a createStore function with subscribe, getState, and dispatch.

DevToolsReduxState Management
0 likes · 16 min read
Understanding Redux: Principles, Data Flow, Source Code Analysis, and a Simple Implementation
AntTech
AntTech
Dec 20, 2019 · Frontend Development

From R&D Pain Points to Mini‑Program Engineering: Stages, Tools, and Best Practices

This article outlines the evolution of mini‑program development at Ant Group, describing three engineering stages, essential tooling such as state management, Datahub mocking, monitoring, internationalization, component libraries, and SubApp architecture to bring mini‑programs closer to mainstream front‑end engineering practices.

MockingState Managementi18n
0 likes · 10 min read
From R&D Pain Points to Mini‑Program Engineering: Stages, Tools, and Best Practices
Liulishuo Tech Team
Liulishuo Tech Team
Dec 17, 2019 · Mobile Development

Practical Guide to Flutter Cross-Platform Development: Architecture, Engineering Integration, and Deployment Strategies

This comprehensive technical guide explores practical Flutter cross-platform development strategies, detailing architectural design, hybrid engineering integration, routing management, MVVM state handling, platform adaptation, and robust deployment practices including grayscale release, real-time monitoring, and automated rollback mechanisms for mobile applications.

Cross‑platform developmentDeployment StrategyFlutter
0 likes · 15 min read
Practical Guide to Flutter Cross-Platform Development: Architecture, Engineering Integration, and Deployment Strategies
Big Data Technology & Architecture
Big Data Technology & Architecture
Dec 4, 2019 · Big Data

Comprehensive Flink Interview Guide: Core Concepts, Advanced Topics, and Source‑Code Insights

This article provides an in‑depth Flink interview guide covering the framework’s core concepts, advanced features such as fault‑tolerance, state management, and checkpointing, as well as detailed explanations of its architecture, APIs, partitioning strategies, and source‑code flow, complete with code examples.

Big DataDistributed SystemsFlink
0 likes · 29 min read
Comprehensive Flink Interview Guide: Core Concepts, Advanced Topics, and Source‑Code Insights
Big Data Technology & Architecture
Big Data Technology & Architecture
Nov 14, 2019 · Big Data

Comparison of Flink and Spark Structured Streaming: Joins, State Management, Fault Tolerance, and Backpressure

This article compares Flink and Spark Structured Streaming, detailing their differences in join capabilities, state management, fault‑tolerance mechanisms, exactly‑once semantics, back‑pressure handling, and table registration, while providing code examples and practical insights for real‑time big‑data processing.

Big DataFlinkJOIN
0 likes · 13 min read
Comparison of Flink and Spark Structured Streaming: Joins, State Management, Fault Tolerance, and Backpressure
JD Retail Technology
JD Retail Technology
Oct 23, 2019 · Mobile Development

Flutter Adoption at 7FRESH: Architecture, State Management, Hybrid Development, Performance Comparison, and Future Plans

The article details 7FRESH's practical adoption of Flutter since its 1.0 release, describing their layered architecture, Provider-based state management, hybrid codebase strategies, performance benchmarks against H5, manpower efficiency gains, and future roadmap for cross‑platform development.

FlutterHybrid DevelopmentMobile Development
0 likes · 10 min read
Flutter Adoption at 7FRESH: Architecture, State Management, Hybrid Development, Performance Comparison, and Future Plans
360 Tech Engineering
360 Tech Engineering
Sep 25, 2019 · Mobile Development

Developing the Pumpkin House Story App with Flutter: A Complete Technical Guide

This article details the end‑to‑end process of building the Pumpkin House Story mobile app using Flutter, covering the project’s background, why Flutter was chosen, environment setup, project creation, architecture, key widgets, plugins, state management, native communication, debugging techniques, and final deployment.

App DevelopmentFlutterPlugins
0 likes · 10 min read
Developing the Pumpkin House Story App with Flutter: A Complete Technical Guide
Huajiao Technology
Huajiao Technology
Sep 10, 2019 · Mobile Development

Comparing SwiftUI and Flutter: Declarative UI Approaches for Mobile Development

This article compares Apple’s SwiftUI and Google’s Flutter declarative UI frameworks across development environment, UI components, layout, navigation, native integration, and state management, highlighting their similarities, differences, code complexity, and maturity for cross‑platform mobile app development.

Declarative UIFlutterMobile Development
0 likes · 16 min read
Comparing SwiftUI and Flutter: Declarative UI Approaches for Mobile Development
Tencent Cloud Developer
Tencent Cloud Developer
Aug 21, 2019 · Mobile Development

An Introduction to Flutter: Architecture, State Management, and Dart Language Features

Flutter is Google’s UI toolkit that uses the Skia engine and Dart’s AOT/JIT compilation to render directly to a canvas, offering fast, cross‑platform performance, modern language features, flexible state‑management options like setState, InheritedWidget and Bloc, and support for testing, lifecycle handling, and native platform channels for web, desktop, and mobile.

Cross‑PlatformDARTFlutter
0 likes · 16 min read
An Introduction to Flutter: Architecture, State Management, and Dart Language Features
Ctrip Technology
Ctrip Technology
Jul 3, 2019 · Frontend Development

Building a Standalone Vue 3 Reactivity Library: CycleJS‑like Reactive View, Immer‑like State, RxJS‑like Operators, and React‑Hooks‑like Mechanisms

This article explores Vue 3's function‑based reactivity API, demonstrates how to implement a lightweight, framework‑agnostic reactivity library with watchable objects, functional combinators, and immutable updates, and shows practical examples such as a reactive counter, a todo list, immer‑style state handling, RxJS‑style pipelines, and React‑hooks‑style utilities, while discussing the underlying concepts and limitations.

ReactivityState Managementfrontend
0 likes · 12 min read
Building a Standalone Vue 3 Reactivity Library: CycleJS‑like Reactive View, Immer‑like State, RxJS‑like Operators, and React‑Hooks‑like Mechanisms
GF Securities FinTech
GF Securities FinTech
May 28, 2019 · Frontend Development

Mastering Redux: Designing Scalable State Structures for React Apps

This article explains why Redux is useful for large React applications, categorizes typical state types, and presents practical patterns—including UI‑driven structures, direct API mapping, and normalized entities—along with code samples and loading‑state management techniques to build maintainable front‑end codebases.

ReactReduxState Management
0 likes · 13 min read
Mastering Redux: Designing Scalable State Structures for React Apps
Xianyu Technology
Xianyu Technology
May 23, 2019 · Mobile Development

Understanding the Connector in fish_redux: Architecture and Code Walkthrough

Fish_redux introduces a hierarchical connector that links a child Component to a filtered slice of its parent’s state, using get and set operations to extract and merge sub‑state, enabling efficient, low‑coupling data flow similar to React‑Redux’s connect but within a strict component tree.

ConnectorFlutterState Management
0 likes · 8 min read
Understanding the Connector in fish_redux: Architecture and Code Walkthrough