Tagged articles
13 articles
Page 1 of 1
Architecture and Beyond
Architecture and Beyond
Mar 2, 2024 · Frontend Development

Understanding the Meaning, Essence, and Practical Solutions of Cross‑Platform Architecture

This article explains the concept and importance of cross‑platform architecture, outlines the three layers of hardware, OS, and application, compares hybrid, framework‑native, self‑rendering, and DSL‑based approaches, and provides practical implementation examples and selection criteria for developers.

HybridMobilecross‑platform
0 likes · 19 min read
Understanding the Meaning, Essence, and Practical Solutions of Cross‑Platform Architecture
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Dec 28, 2023 · Frontend Development

Lossless Design-Frontend Collaboration: The Evolution of NetEase Cloud Music's Design Collaboration Practice

Since 2021, NetEase Cloud Music’s Design Platform has evolved its design‑frontend workflow through three stages—engineering phase 1.0, phase 2.0, and the AI‑driven intelligent phase—by introducing the C2D2C (Code‑to‑Design‑to‑Code) methodology, unified design systems, LLM‑enhanced code, and generative AI tools, cutting communication overhead and boosting designer and developer productivity by up to 200 %.

AI designC2D2CD2C
0 likes · 31 min read
Lossless Design-Frontend Collaboration: The Evolution of NetEase Cloud Music's Design Collaboration Practice
Ctrip Technology
Ctrip Technology
Aug 17, 2023 · Frontend Development

Multi-Platform Front-End Development with Taro: Technical Selection, Integration, and Performance Evaluation

This article examines the business background and challenges of multi‑platform front‑end development, evaluates mainstream cross‑platform technologies, selects Taro as the optimal solution, and details its integration with existing React Native and Web stacks, component and API adaptation, CSS handling, performance testing, cost analysis, and future outlook.

IntegrationTarofrontend
0 likes · 14 min read
Multi-Platform Front-End Development with Taro: Technical Selection, Integration, and Performance Evaluation
58 Tech
58 Tech
Apr 21, 2022 · Frontend Development

Interview with Li Yi on Building 58 Group’s Large Front‑End Technology Service System

In this interview, Li Yi, head of 58 Group’s Front‑End Technology Department, explains how the company built its large‑scale front‑end service system—including a Hybrid permission platform, a React Native hot‑update platform, and the Beidou monitoring system—while discussing cross‑platform frameworks, performance challenges, low‑code adoption, and advice for newcomers.

Fluttercross‑platformfrontend
0 likes · 11 min read
Interview with Li Yi on Building 58 Group’s Large Front‑End Technology Service System
Ctrip Technology
Ctrip Technology
Oct 28, 2021 · Mobile Development

Embedding Flutter Views in React Native and Native Applications: Architecture, Implementation, and Lessons Learned

This article explores the practical integration of Flutter views within React Native and native mobile pages, detailing architectural choices, lifecycle management, event handling, and code implementations to enable seamless cross‑stack UI composition in a large‑scale travel app.

Embeddingcross‑platformmobile-development
0 likes · 15 min read
Embedding Flutter Views in React Native and Native Applications: Architecture, Implementation, and Lessons Learned
Ctrip Technology
Ctrip Technology
Aug 17, 2021 · Frontend Development

Automated Generation of Skeleton Screens for Frontend and React Native

This article explores the concept, benefits, and implementation of skeleton screens as progressive loading placeholders, compares manual and automated generation methods—including puppeteer for web and React Native libraries—then presents a custom DSL-driven, low‑code solution that converts Sketch designs into reusable skeleton code, improving UX and developer efficiency.

Skeleton ScreenUXcode-generation
0 likes · 17 min read
Automated Generation of Skeleton Screens for Frontend and React Native
Manbang Technology Team
Manbang Technology Team
Dec 4, 2020 · Frontend Development

Improving Development and Release Efficiency through Standardization, Cross‑Platform, and Dynamic Frameworks in a Large Front‑End Team

The article describes how a large front‑end team tackled low development and release efficiency by standardizing UI components, adopting cross‑platform solutions such as React Native and Flutter, building dynamic configuration frameworks, and automating release processes, ultimately achieving faster, more reliable product delivery across multiple business units.

dynamic-updatesfrontendreact-native
0 likes · 13 min read
Improving Development and Release Efficiency through Standardization, Cross‑Platform, and Dynamic Frameworks in a Large Front‑End Team
JD Retail Technology
JD Retail Technology
Dec 24, 2018 · Mobile Development

Introducing ARES Cross‑Platform Mobile Development Solution and JDReact‑to‑WeChat Mini‑Program Conversion Tool

The article presents JD.com's ARES cross‑platform mobile development suite, its five product modules, and the ARES Mini‑Program Conversion Tool that uses AST manipulation and a custom mini‑React runtime to transform React Native code into WeChat Mini‑Program code, covering installation, usage, component alignment, third‑party integration, routing, animation, and conversion constraints.

ASTMobilereact-native
0 likes · 11 min read
Introducing ARES Cross‑Platform Mobile Development Solution and JDReact‑to‑WeChat Mini‑Program Conversion Tool