Why Fish Redux Is the Next Big Thing for Flutter Mobile Development

Introduction

Cross‑platform, high‑performance rendering engines are a hot topic in the front‑end world, and Flutter is emerging as a leading solution. Alibaba’s Xianyu team has open‑sourced the Flutter application framework behind 200 million users: Fish Redux.

What Is Fish Redux?

Fish Redux is a Flutter application framework based on Redux data management, designed for building medium‑to‑large complex apps. It emphasizes configuration‑driven assembly, resulting in clean, easy‑to‑write, maintainable, and collaborative code.

Architecture Overview

The framework follows a three‑layer architecture (View, Effect, Reducer) with optional Dependencies, mirroring concepts from Redux, React, Elm, and Dva.

Redux Basics

Redux is a predictable, centralized, and debuggable data‑management framework. It uses a functional approach where state is represented by plain structs and updates are performed by reducers with the signature (T, Action) => T.

Fish Redux Improvements

Fish Redux builds on Redux by automatically handling the composition of reducers, resolving the tension between centralized data management and component‑level decomposition, and providing a plug‑in architecture for Views, Effects, and Adapters.

Component Model

A Component consists of View, optional Effect, optional Reducer, and optional Dependencies. View is a pure function that renders UI from state, Effect handles side‑effects, and Reducer updates state. This separation yields stateless, testable units.

Adapter Concept

Adapter extends Component for high‑performance ListView scenarios, addressing issues such as big‑cell performance, lifecycle granularity, and effect‑view coupling.

Communication Mechanism

Components communicate via a self‑first broadcast dispatch: actions are first handled by the originating component, then broadcast to other components and the Redux store.

Refresh Mechanism

Local data changes trigger shallow copies up the hierarchy, automatically refreshing dependent components without explicit code.

Advantages

Centralized, observable state management with automatic reducer composition.

Component‑level decomposition of view and data for better team collaboration.

Stateless View, Effect, and Reducer functions improve testability and reuse.

Declarative configuration simplifies assembly of complex screens.

Extensible core allows middleware, mixins, and integration with other systems.

Lightweight implementation (≈1,000 lines of code) with simple usage.

Conclusion

Fish Redux is actively used within Alibaba’s Xianyu team across multiple scenarios, and the project invites the community to contribute and adopt this modular, high‑performance Flutter framework.