Vincent Type to start searching
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.
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.
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.
Common JS testing frameworks include Jest, Mocha, etc. This article introduces a lightweight JS testing framework: AVA.
Comparing NX and Lerna for monorepo management — task execution, local caching, distributed caching, dependency visualization, version management, and npm publishing.
A hands-on guide to NX build system — covering project creation, build configuration, task execution, dependency graph, local caching, nx-cloud, and distributed caching.
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
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.
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.
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.
Exploring how to efficiently run parallel tasks in JavaScript — covering use cases, task pools, callbacks, IIFE pattern, multi-process, and multi-thread approaches.
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.