Logo Vincent
Getting Started with Mantine UI

Getting Started with Mantine UI

Preface: In 2023, which UI framework should you use for frontend development? Key requirements: PC and mobile support, dark/light theme switching, rich components, and React support. After comparing React UI libraries on GitHub, Mantine UI stands out for its extensive component library.

Web
Using npm Workspaces for Frontend Monorepos

Using npm Workspaces for Frontend Monorepos

Migrating from lerna bootstrap to npm workspaces for monorepo dependency management — comparing lerna.json vs package.json config, node_modules location, and local package linking.

Web
Initializing a Frontend Monorepo Project

Initializing a Frontend Monorepo Project

Preface: This article documents the process of initializing a frontend Monorepo project, covering LICENSE, git configuration, package.json, commitizen, commitlint, rollup, ava, lerna, nx, prettier, eslint, and lint-staged.

Web
A Lightweight JS Testing Framework: AVA

A Lightweight JS Testing Framework: AVA

Common JS testing frameworks include Jest, Mocha, etc. This article introduces a lightweight JS testing framework: AVA.

Web
Nx VS Lerna

Nx VS Lerna

Comparing NX and Lerna for monorepo management — task execution, local caching, distributed caching, dependency visualization, version management, and npm publishing.

Web
The Powerful Build System: NX

The Powerful Build System: NX

A hands-on guide to NX build system — covering project creation, build configuration, task execution, dependency graph, local caching, nx-cloud, and distributed caching.

Web
Standardized Code Commits: Conventional Commits

Standardized Code Commits: Conventional Commits

Preface This article introduces how to submit standardized commit messages. For the specification, see: https://www.conventionalcommits.org/en/v1.0.0/ commitizen You can manually submit commit messages that follow the spec, like

Web

Detecting Whether a User Is Online

Preface: How to determine if a user is online — not just whether the network is connected. Online means connected to the internet; connected means on a network but without internet access. This article covers detection methods for both Node.js and browser environments.

Web
Learn IndexedDB in One Article

Learn IndexedDB in One Article

Introduction: IndexedDB is a database that can be used directly on the web. This article covers IndexedDB basics, comparison with LocalStorage, database and table operations, data CRUD operations, the qiao.db.js utility, and building a todolist with IndexedDB.

Web
Build a Todolist in One Article

Build a Todolist in One Article

Preface This article walks through building a todolist based on the following tech stack: React for UI, https://reactjs.org/ webpack for building the frontend project, https://webpack.js.org/ localStorage for data storage, https://developer.mozilla.

Web
Understanding JS Parallel Tasks in One Article

Understanding JS Parallel Tasks in One Article

Exploring how to efficiently run parallel tasks in JavaScript — covering use cases, task pools, callbacks, IIFE pattern, multi-process, and multi-thread approaches.

Web
Learn Webpack 5.x in One Article

Learn Webpack 5.x in One Article

Preface Web frontend development relies heavily on webpack. As we all know, webpack has many complex configurations — you could even have a dedicated "webpack configuration engineer." This article focuses on webpack core concepts and commonly used configurations in business development, aiming to teach you webpack usage and configuration in one article.

Web
© 2026 vincentqiao.com . All rights reserved.