BestHub
Sign in
Tagged articles
17 articles
Page 1 of 1
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 23, 2023 · Frontend Development

How Ant Design, Arco Design, and Semi Design Package Their React Component Libraries

This article examines the directory structures, package.json entries, and build scripts of popular React component libraries—Ant Design, Arco Design, and Semi Design—explaining how they generate CommonJS, ES Module, and UMD bundles using tools like tsc, Babel, Webpack, and Gulp, and shows how to apply the same approach when creating your own library.

Component LibraryTypeScriptbabel
0 likes · 8 min read
How Ant Design, Arco Design, and Semi Design Package Their React Component Libraries
Sohu Tech Products
Sohu Tech Products
Apr 27, 2022 · Frontend Development

Progressive Optimization Journey of a WeChat Mini Program

This article chronicles the step‑by‑step optimization of a WeChat mini‑program, covering native stack choices, ES6+ adoption, modular architecture, versioning, code formatting, request abstraction, UI component migration, ESLint, unit testing, routing, environment handling, Gulp workflow, CSS variables, and sub‑package strategies.

ESLintFrontend OptimizationSubpackage
0 likes · 34 min read
Progressive Optimization Journey of a WeChat Mini Program
HomeTech
HomeTech
Oct 24, 2019 · Frontend Development

Implementation and Architecture of a Shop Storefront Decoration System Using Drag‑and‑Drop, TypeScript, and Gulp

This article explains the design and implementation of a car‑sales e‑commerce storefront editor, covering its three‑area layout, drag‑and‑drop module handling, TypeScript‑based backend processing, and Gulp build pipeline, while also discussing configuration, tasks, and future VR extensions.

Drag-and-DropTypeScriptUI
0 likes · 11 min read
Implementation and Architecture of a Shop Storefront Decoration System Using Drag‑and‑Drop, TypeScript, and Gulp
CoolHome R&D Department
CoolHome R&D Department
Dec 1, 2017 · Frontend Development

Automate Electron App Packaging for Windows and macOS with Gulp

This tutorial walks through a complete, automated workflow for turning an Electron project into installable Windows .exe/.msi and macOS .dmg packages, covering directory structure, configuration, building, code signing, installer creation, and release steps using Gulp and related tools.

AutomationCode SigningElectron
0 likes · 34 min read
Automate Electron App Packaging for Windows and macOS with Gulp
Architecture Digest
Architecture Digest
Aug 14, 2017 · Frontend Development

An Overview of Modern Front-End Development Workflow and Tools

This article provides a comprehensive overview of the front‑end development workflow, explaining core concepts like HTML, CSS, JavaScript, and detailing essential tools such as npm, Babel, Gulp, Webpack, and popular frameworks like React and Vue, while addressing their roles and interactions.

JavaScriptReactVue
0 likes · 8 min read
An Overview of Modern Front-End Development Workflow and Tools
Meituan Technology Team
Meituan Technology Team
Jul 22, 2016 · Frontend Development

Designing and Using Pipelines with Node.js Streams, Browserify, and Gulp

The article explains how to build and manipulate Node.js stream pipelines—encapsulating multiple Transform streams into a reusable Duplex, using helper libraries like stream‑splicer, and demonstrates their role in Browserify’s module processing and Gulp’s file tasks, including a customizable changelog tool.

Node.jsPipelineStreams
0 likes · 13 min read
Designing and Using Pipelines with Node.js Streams, Browserify, and Gulp
Aotu Lab
Aotu Lab
Jul 15, 2016 · Frontend Development

Boost Mobile Icon Clarity with Fast SVG Export and Symbol Techniques

This guide explains why retina screens blur icons, compares SVG with other icon solutions, shows four practical SVG usage methods, and provides step‑by‑step instructions for exporting SVGs, automating symbol generation with gulp, and using a lightweight SVG‑symbol visual tool.

IconSpriteSymbol
0 likes · 12 min read
Boost Mobile Icon Clarity with Fast SVG Export and Symbol Techniques
Aotu Lab
Aotu Lab
Jul 8, 2016 · Frontend Development

Building a Cross‑Platform Gulp UI with Electron, React, Redux, and Immutable.js

feWorkflow replaces the original gulp‑ui by leveraging Electron to run a bundled gulpfile, while React, Redux, and Immutable.js provide a modern UI and state management, and Webpack compiles ES6 code; the article details the architecture, setup, key features, and code examples for this desktop workflow tool.

Immutable.jsReduxfrontend development
0 likes · 18 min read
Building a Cross‑Platform Gulp UI with Electron, React, Redux, and Immutable.js
CSS Magic
CSS Magic
Jun 21, 2016 · Frontend Development

The Definitive Gulp 4 Beginner’s Guide (Translation)

This comprehensive guide introduces Gulp 4, compares it with Grunt, explains its Node.js requirements, walks through installing the development version, details the core API and common plugins, and provides complete example gulpfile scripts for tasks such as building, watching, live‑reloading, and serving static files.

AutomationJavaScriptNode.js
0 likes · 28 min read
The Definitive Gulp 4 Beginner’s Guide (Translation)
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
Apr 8, 2016 · Frontend Development

How to Auto-Update Static Assets with MD5 Fingerprinting in Frontend Projects

This article explains the challenges of caching static resources in frontend development, especially in environments like WeChat, and presents a solution using MD5 fingerprinting, Gulp preprocessing, manifest generation, and RequireJS mapping to automatically update only changed files while preserving cache efficiency.

MD5RequireJScaching
0 likes · 6 min read
How to Auto-Update Static Assets with MD5 Fingerprinting in Frontend Projects
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
Java High-Performance Architecture
Java High-Performance Architecture
Sep 9, 2015 · Frontend Development

Boost Web Performance: Compress Images with Tencent’s Zhitu Gulp Plugin

Zhitu, a Tencent front‑end tool, compresses PNG, JPEG, GIF images and automatically converts them to optimal formats like WebP; this guide shows how to manually upload images or integrate the gulp‑imageisux plugin into your build process to achieve significant size reductions while preserving visual quality.

Frontend OptimizationTencentgulp
0 likes · 3 min read
Boost Web Performance: Compress Images with Tencent’s Zhitu Gulp Plugin