BestHub
Sign in
Tagged articles

ReAct

1133 articles · Page 12 of 12
Baidu Waimai Technology Team
Baidu Waimai Technology Team
Mar 16, 2017 · Frontend Development

Evolution of Componentization in the Operations Backend Platform: From FIS to React and the Third‑Generation Solution

This article outlines the rapid growth of Baidu Takeaway's operations backend, analyzes the limitations of the FIS‑based modular approach, describes the transition to React‑Redux componentization, and presents a third‑generation, model‑driven component sharing platform designed to reduce repetitive development and improve developer happiness.

ArchitectureComponentizationReAct
0 likes · 12 min read
Evolution of Componentization in the Operations Backend Platform: From FIS to React and the Third‑Generation Solution
Taobao Frontend Technology
Taobao Frontend Technology
Feb 13, 2017 · Frontend Development

How Rax Is Revolutionizing Multi‑Platform Frontend Development

Rax, an open‑source React‑compatible framework launched by Alibaba, unifies web, Weex, and Node.js rendering through a driver architecture, offering a tiny bundle size, multi‑node support, and standardized APIs to enable developers to write once and run everywhere across mobile, web, and emerging platforms.

RaxReActmulti‑platform
0 likes · 11 min read
How Rax Is Revolutionizing Multi‑Platform Frontend Development
Tencent Cloud Developer
Tencent Cloud Developer
Jan 25, 2017 · Frontend Development

Understanding React: Component Architecture, Props, State, Lifecycle, Server‑Side Rendering, and React‑Native

Zuo Ming explains React’s component architecture—props, state, lifecycle methods, server‑side rendering, and React‑Native—using a bamboo water‑wheel analogy, demonstrating prop validation, state updates, lifecycle phases, SSR hydration, cross‑platform code reuse, and unit testing to give front‑end engineers a complete practical foundation.

PropsReActReact Native
0 likes · 12 min read
Understanding React: Component Architecture, Props, State, Lifecycle, Server‑Side Rendering, and React‑Native
Tencent Cloud Developer
Tencent Cloud Developer
Jan 24, 2017 · Frontend Development

React Fundamentals: Understanding Virtual DOM, JSX, and Component Architecture

This article introduces React, the Facebook‑originated JavaScript UI library, explaining its rise in popularity and core concepts—JSX syntax that compiles to React.createElement calls, the virtual DOM that efficiently batches updates, and a component architecture that separates props and state for reusable, maintainable code.

Component ArchitectureJSXJavaScript library
0 likes · 9 min read
React Fundamentals: Understanding Virtual DOM, JSX, and Component Architecture
Qunar Tech Salon
Qunar Tech Salon
Jan 18, 2017 · Frontend Development

React Performance Optimization for YIcon: Reducing Re‑renders and Boosting Speed

This article describes how the YIcon project tackled severe React performance bottlenecks—such as repeated renders, slow diffing, and inefficient key usage—by applying shouldComponentUpdate, component splitting, immutable data structures, stable keys, and production‑grade webpack optimizations, ultimately achieving an 80% speed gain.

ImmutableOptimizationPerformance
0 likes · 9 min read
React Performance Optimization for YIcon: Reducing Re‑renders and Boosting Speed
Hujiang Technology
Hujiang Technology
Jan 10, 2017 · Frontend Development

Scaling React Applications: Containers vs Components, Feature‑Based Code Organization, CSS Modules, PostCSS Auto Reset, and Redux‑Saga

This article shares lessons learned from releasing React Boilerplate 3.0, covering the importance of front‑end scalability, the distinction between container and presentational components, feature‑based code organization, CSS Modules and PostCSS Auto Reset for style isolation, and using redux‑saga for readable, testable asynchronous flows.

CSS ModulesFrontend ArchitectureReAct
0 likes · 9 min read
Scaling React Applications: Containers vs Components, Feature‑Based Code Organization, CSS Modules, PostCSS Auto Reset, and Redux‑Saga
Qunar Tech Salon
Qunar Tech Salon
Jan 5, 2017 · Mobile Development

Hy Hybrid Mobile Framework: Architecture, Philosophy, and Evolution at Qunar

The article introduces Qunar's Hy hybrid mobile framework, detailing its motivation, cross‑platform architecture, progressive component design, integration of Web and Native capabilities, evolution from Hy 1.0 to Hy 2.0 with React, and its relationship to React‑Native, highlighting how it enables fast, low‑cost mobile development.

Hybrid MobileMobile DevelopmentReAct
0 likes · 10 min read
Hy Hybrid Mobile Framework: Architecture, Philosophy, and Evolution at Qunar
Hulu Beijing
Hulu Beijing
Dec 8, 2016 · Frontend Development

Why React & Redux Are Transforming Hulu’s Frontend Development

This article explains the fundamentals of React and Redux, compares them to traditional tools like jQuery, highlights their combined benefits for clean state management, and describes Hulu’s ongoing migration to this modern frontend stack.

ReActReduxfrontend
0 likes · 5 min read
Why React & Redux Are Transforming Hulu’s Frontend Development
Hujiang Technology
Hujiang Technology
Dec 2, 2016 · Frontend Development

Best Practices for Using AJAX in React Applications

This article reviews four common approaches—Root Component, Container Component, Redux Async Actions, and Relay—for handling AJAX requests in React, explains when each method is appropriate, and warns against two anti‑patterns, helping developers choose the most suitable strategy for their project's size and architecture.

AJAXFetch APIReAct
0 likes · 8 min read
Best Practices for Using AJAX in React Applications
Architecture Digest
Architecture Digest
Nov 5, 2016 · Frontend Development

Webpack2 React‑Redux Boilerplate: Architecture, Features, Configuration and Best Practices

This article introduces a Webpack2‑based React‑Redux boilerplate, detailing its architecture, core features, configuration options, development workflow, server‑side rendering support, and best‑practice recommendations, while providing code examples and guidance for both beginners and experienced frontend developers.

ReActReduxSSR
0 likes · 18 min read
Webpack2 React‑Redux Boilerplate: Architecture, Features, Configuration and Best Practices
Qunar Tech Salon
Qunar Tech Salon
Oct 26, 2016 · Frontend Development

Improving Iconfont Platform Performance with React Isomorphic Rendering

The article examines the inefficiencies of an outdated internal iconfont platform, explores the drawbacks of separate front‑end and back‑end rendering, and presents a React‑based isomorphic solution that unifies package management and module loading, resulting in dramatically faster first‑page loads and easier maintenance.

Frontend ArchitecturePerformance OptimizationReAct
0 likes · 9 min read
Improving Iconfont Platform Performance with React Isomorphic Rendering
Taobao Frontend Technology
Taobao Frontend Technology
Aug 25, 2016 · Frontend Development

Why React Keys Matter: Preventing Bugs in Dynamic Lists

This article explains the purpose of the React "key" prop, shows how missing keys cause warnings and rendering bugs, demonstrates proper usage with code examples, and discusses how keys affect component updates, lifecycle handling, and performance in complex UI scenarios.

JSXKEYReAct
0 likes · 11 min read
Why React Keys Matter: Preventing Bugs in Dynamic Lists
21CTO
21CTO
Jun 16, 2016 · Frontend Development

Mastering React Performance: Real-World Optimizations for Mobile Apps

This article shares practical React performance‑optimization techniques—such as using the Virtual DOM wisely, integrating Immutable.js, fine‑tuning shouldComponentUpdate, and applying code‑splitting and Redux data management—to dramatically improve first‑paint time and interaction smoothness on mobile web applications.

Immutable.jsReActRedux
0 likes · 21 min read
Mastering React Performance: Real-World Optimizations for Mobile Apps
ITFLY8 Architecture Home
ITFLY8 Architecture Home
Jun 12, 2016 · Frontend Development

Master Webpack: From Basics to Advanced Configuration

This article introduces webpack, explains its advantages, guides through installation, configuration, loaders, plugins, and practical usage examples, covering module formats, shimming, extracting CSS, CDN integration, and integration with tools like Gulp, providing a comprehensive beginner‑to‑intermediate tutorial.

Build ToolsReActfrontend development
0 likes · 15 min read
Master Webpack: From Basics to Advanced Configuration
21CTO
21CTO
Jun 9, 2016 · Frontend Development

How We Optimized React for Mobile: Lessons from HandQ School Group Refactor

This article details the challenges and solutions encountered while refactoring the HandQ school‑group web app with React, covering React's core features, performance pitfalls, the use of Immutable.js and pure‑render decorators, build‑tool choices, and concrete optimization tips that yielded measurable speed gains.

Immutable.jsReActRedux
0 likes · 20 min read
How We Optimized React for Mobile: Lessons from HandQ School Group Refactor
Tencent Music Tech Team
Tencent Music Tech Team
May 11, 2016 · Frontend Development

Implementing Isomorphic ReactJS Server-Side Rendering with Redux and React Router

The article details how to set up isomorphic ReactJS server‑side rendering using ReactDOMServer, Redux for shared state, and React Router for universal routing, covering data fetching, Webpack builds for client and Node, code‑splitting, and performance trade‑offs such as CPU overhead and caching strategies.

IsomorphicPerformanceReAct
0 likes · 10 min read
Implementing Isomorphic ReactJS Server-Side Rendering with Redux and React Router
21CTO
21CTO
May 7, 2016 · Frontend Development

Choosing the Right Front-End Framework: Trends, Comparisons & Future Outlook

This article reviews recent advances in front‑end development, compares popular frameworks such as AngularJS, EmberJS, ReactJS and VueJS, examines their evolution, discusses user and developer needs, and offers guidance on which technologies to invest in for the coming years.

AngularFrameworksJavaScript
0 likes · 12 min read
Choosing the Right Front-End Framework: Trends, Comparisons & Future Outlook
Meituan Technology Team
Meituan Technology Team
Apr 8, 2016 · Frontend Development

Boosting Frontend Efficiency: Meituan’s Node.js, React, and Engineering Automation Insights

The Meituan‑Dianping tech salon recap reveals how their frontend teams leverage Node.js for high‑traffic services, Docker‑based builds, a custom monitoring tool, a React‑powered H5 publishing platform, modern engineering scaffolds, and the Vane API integration system to dramatically improve development speed and reduce costs.

DockerNode.jsReAct
0 likes · 8 min read
Boosting Frontend Efficiency: Meituan’s Node.js, React, and Engineering Automation Insights
21CTO
21CTO
Feb 11, 2016 · R&D Management

Why Does Facebook Keep Launching Hundreds of Open‑Source Projects?

Facebook’s prolific open‑source strategy, driven by a culture that encourages engineers to build experimental tools like React and GraphQL, illustrates how the company balances risk, internal opposition, and talent attraction to turn many side projects into influential technologies.

FacebookReAct
0 likes · 6 min read
Why Does Facebook Keep Launching Hundreds of Open‑Source Projects?
Architect
Architect
Dec 7, 2015 · Frontend Development

How to Structure a React Project

This article discusses practical approaches to organizing a React project, comparing single‑file setups with modular multi‑file structures, component directories, testing strategies, data handling, and view integration, emphasizing pragmatic, maintainable architecture over rigid conventions.

Component OrganizationFrontend ArchitectureReAct
0 likes · 6 min read
How to Structure a React Project
Architect
Architect
Oct 24, 2015 · Frontend Development

Case Study: React.js, Redux, and Node.js Architecture for Baidu Mami E‑commerce WebApp

This article presents a detailed case study of a mobile‑first single‑page web application built with React.js, Redux, React‑router, and a custom Node.js framework, describing the technology selection, development workflow, encountered challenges, and the advantages and drawbacks of the chosen stack.

Frontend ArchitectureNode.jsReAct
0 likes · 10 min read
Case Study: React.js, Redux, and Node.js Architecture for Baidu Mami E‑commerce WebApp
Meituan Technology Team
Meituan Technology Team
Jul 16, 2015 · Frontend Development

Componentization Development Practices at Meituan: From Version 1.0 to 3.0

Meituan’s componentization journey progressed from early resource‑centric modules (1.0) through mature lifecycle, data‑binding, and Flux integration (2.0) to a React‑based, NPM‑distributed, Reduce‑bundled, Turbo‑enhanced ecosystem (3.0), systematically reducing front‑end complexity while boosting reuse, performance, and full‑stack development efficiency.

Component ArchitectureFluxReAct
0 likes · 14 min read
Componentization Development Practices at Meituan: From Version 1.0 to 3.0