Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
May 1, 2025 · Frontend Development

Comprehensive Overview of Modern Frontend Development Frameworks, Tools, and Ecosystems

This article provides a detailed comparison of current frontend frameworks, styling solutions, build tools, package managers, state‑management libraries, JavaScript runtimes, and cross‑platform development options, highlighting their origins, key features, official sites, GitHub statistics, and practical trade‑offs for developers.

Build ToolsCross-PlatformFrameworks
0 likes · 17 min read
Comprehensive Overview of Modern Frontend Development Frameworks, Tools, and Ecosystems
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Apr 26, 2025 · Frontend Development

Decentralized Micro‑Frontend Architecture with Vite Module Federation in Vue 3

This article explains how to build a decentralized micro‑frontend system for Vue 3 using the Vite‑based @originjs/vite-plugin-federation, covering architecture concepts, configuration, dynamic module loading, shared routing, state management with Pinia, and deployment strategies, complete with code examples.

Dynamic LoadingModule FederationVite
0 likes · 15 min read
Decentralized Micro‑Frontend Architecture with Vite Module Federation in Vue 3
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 25, 2024 · Mobile Development

Understanding Flutter State Management and Provider: Concepts, Built‑in Options, and Practical Usage

This article explains the concept of state in Flutter, distinguishes local and global state, reviews built‑in state‑handling mechanisms such as setState and InheritedWidget, outlines criteria for selecting a state‑management library, and provides a step‑by‑step guide with code examples for using the Provider package, including advanced features like MultiProvider, FutureProvider, Selector, and the underlying implementation details of InheritedProvider.

DARTFlutterProvider
0 likes · 22 min read
Understanding Flutter State Management and Provider: Concepts, Built‑in Options, and Practical Usage
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 12, 2023 · Frontend Development

Front‑End Project Architecture, Code Standards, and Engineering Practices

This article shares a comprehensive guide on front‑end project organization, directory conventions, coding standards, state‑management patterns, request abstraction, local storage handling, CSS modularization, Immer usage, npm private registry setup, template creation, CLI scaffolding, git workflow, and documentation practices, illustrated with practical TypeScript/React code examples.

ReActcode standardsengineering
0 likes · 21 min read
Front‑End Project Architecture, Code Standards, and Engineering Practices
Sohu Tech Products
Sohu Tech Products
Feb 22, 2023 · Mobile Development

Flutter Project Setup Guide: Networking, Persistence, Routing, Screen Adaptation, Splash Screen, State Management, and Widget Lifecycle

This article provides a comprehensive step‑by‑step guide for setting up a new Flutter project, covering network request handling with Dio and protobuf, data persistence using shared_preferences, mmkv and ObjectBox, routing with GoRouter, screen adaptation via flutter_screenutil, splash‑screen configuration, state‑management techniques with Provider and GetX, and detailed explanations of widget lifecycle and key usage.

Data PersistenceNetworkingmobile-development
0 likes · 24 min read
Flutter Project Setup Guide: Networking, Persistence, Routing, Screen Adaptation, Splash Screen, State Management, and Widget Lifecycle
Taobao Frontend Technology
Taobao Frontend Technology
Nov 8, 2021 · Frontend Development

Latest Frontend & Mobile Tools: icejs 2.0, Kraken 0.9, Detox, Teaful, MJML

The article highlights recent releases and tools for developers, including icejs 2.0’s React‑Vite integration, Kraken 0.9’s QuickJS performance boost, the Detox mobile testing framework, Teaful’s lightweight React state management with code example, MJML’s responsive email builder, and a brief guide to pure‑CSS icons.

EmailTestingmobile
0 likes · 6 min read
Latest Frontend & Mobile Tools: icejs 2.0, Kraken 0.9, Detox, Teaful, MJML
ByteFE
ByteFE
May 18, 2021 · Frontend Development

Understanding Dva: A Lightweight Frontend Framework Based on Redux and Redux‑Saga

This article explains what Dva is, the problems it solves, its advantages and disadvantages, core concepts, minimal application structure with code examples, and the underlying implementation details, comparing it with React, React‑Redux, and Redux‑Saga, helping developers understand its role in frontend development.

DVAReduxSaga
0 likes · 17 min read
Understanding Dva: A Lightweight Frontend Framework Based on Redux and Redux‑Saga
Ctrip Technology
Ctrip Technology
Apr 29, 2021 · Mobile Development

Flutter Development Practices: Choosing Flutter, Provider MVVM, Performance Optimization, Layout Techniques, and Common Issues

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.

MVVMProvidermobile-development
0 likes · 19 min read
Flutter Development Practices: Choosing Flutter, Provider MVVM, Performance Optimization, Layout Techniques, and Common Issues
Taobao Frontend Technology
Taobao Frontend Technology
Apr 2, 2021 · Frontend Development

How Turbox Powers Reactive 3D Frontend Apps with Proxies and Decorators

Turbox is a front‑end framework designed for large‑scale 3D design editors, offering a reactive data‑flow transaction system, decorator‑based model definitions, Proxy‑driven state tracking, middleware, action handling, computed properties, and robust undo/redo mechanisms to streamline complex graphics applications.

TypeScriptdecoratorsproxy
0 likes · 35 min read
How Turbox Powers Reactive 3D Frontend Apps with Proxies and Decorators
Xianyu Technology
Xianyu Technology
Jan 28, 2021 · Frontend Development

Frontend Design and Performance Optimization of Xianyu Community Circle

The Xianyu Community Circle front‑end was modularized into independent Circle Info, Feed, and Overlay sections, using Rax’s useReducer + useContext for shared state, while minimizing non‑shared data, extracting providers, stabilizing props, caching pages, prefetching resources, and moving overlays out of global context to cut latency, reduce re‑renders, and boost performance on low‑end devices.

OptimizationReActmodule-splitting
0 likes · 10 min read
Frontend Design and Performance Optimization of Xianyu Community Circle
政采云技术
政采云技术
Jan 19, 2021 · Mobile Development

Comprehensive Guide to Flutter Provider State Management

This article provides a thorough introduction to the Provider package for Flutter, explaining its purpose as a wrapper around InheritedWidget, detailing step‑by‑step usage, showcasing code examples for ChangeNotifier, ChangeNotifierProvider, MultiProvider, Consumer, Selector, ProxyProvider, FutureProvider and StreamProvider, and discussing performance considerations and best practices for mobile development.

DARTProviderflutter-provider
0 likes · 19 min read
Comprehensive Guide to Flutter Provider State Management
转转QA
转转QA
Aug 7, 2020 · Frontend Development

Implementing Multi‑Instance Tab Navigation in Vue‑Router for Backend Admin Systems

This article analyzes the challenges of implementing multi‑instance tab navigation in mobile‑friendly web pages using Vue‑router, explains why standard router components are single‑instance, and presents two solutions—dynamic route addition and route‑change hijacking—complete with code examples and considerations for memory management.

Dynamic RoutesRouterVue
0 likes · 13 min read
Implementing Multi‑Instance Tab Navigation in Vue‑Router for Backend Admin Systems
Taobao Frontend Technology
Taobao Frontend Technology
May 21, 2020 · Frontend Development

How IceJS Transforms Frontend Development: From Build Tools to a Full React Framework

This article traces the three‑year evolution of IceJS—a React‑based development framework from Alibaba—detailing its origins as a webpack wrapper, its growth into a plugin‑rich engineering tool, and its current role as a standardized, high‑performance front‑end solution that lowers development barriers for both professional and non‑professional developers.

frameworkicejsplugin
0 likes · 21 min read
How IceJS Transforms Frontend Development: From Build Tools to a Full React Framework