BestHub
Sign in
Tagged articles
1022 articles
Page 11 of 11
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.

BoilerplateReactRedux
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 ArchitectureReactServer-side Rendering
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.

Reactbuild toolsfrontend 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.

IsomorphicReactReact Router
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.

AngularJavaScriptReact
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 ArchitectureProject Structure
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 ArchitectureFluxLifecycle
0 likes · 14 min read
Componentization Development Practices at Meituan: From Version 1.0 to 3.0