Author

Full-Stack Cultivation Path

Focused on sharing practical tech content about TypeScript, Vue 3, front-end architecture, and source code analysis.

129

Articles

Likes

233

Views

Comments

Latest from Full-Stack Cultivation Path

100 recent articles max

Full-Stack Cultivation Path

Apr 10, 2026 · Backend Development

How SideX Replaces VS Code’s Electron Core with Tauri + Rust to Shrink Install Size to 16 MB

SideX rebuilds the full VS Code architecture by swapping Electron/Chromium for Tauri’s system WebView and rewriting the Node.js backend in Rust, cutting the installer from 797 MB to 16 MB (a 96% reduction), while delivering comparable editor, terminal, Git, and search features and demonstrating that Rust + Tauri can power complex desktop applications.

Desktop ApplicationElectronRust

0 likes · 7 min read

How SideX Replaces VS Code’s Electron Core with Tauri + Rust to Shrink Install Size to 16 MB

Full-Stack Cultivation Path

Apr 9, 2026 · Frontend Development

Boneyard Rethinks Skeleton Screens: From Hand‑Written UI to Compile‑Time Assets

The article introduces Boneyard, a tool that automatically generates skeleton screen data from real UI during the build step, eliminating the need to hand‑write placeholder components, and explains its workflow, CLI usage, supported frameworks, and how it turns loading states into compile‑time artifacts.

BoneyardCLIFrontend

0 likes · 4 min read

Boneyard Rethinks Skeleton Screens: From Hand‑Written UI to Compile‑Time Assets

Full-Stack Cultivation Path

Mar 30, 2026 · Frontend Development

Solving the 20‑Year Front‑End Text‑Layout Nightmare with Pretext (10k Stars in One Day)

Pretext, a TypeScript‑based text layout engine, eliminates the need for DOM measurements by using canvas.measureText and Intl.Segmenter, delivering sub‑0.05 ms height calculations, preventing layout thrashing, and simplifying scenarios like chat bubbles, masonry grids, AI interfaces, and virtual lists.

Intl.SegmenterPretextVirtualization

0 likes · 5 min read

Solving the 20‑Year Front‑End Text‑Layout Nightmare with Pretext (10k Stars in One Day)

Full-Stack Cultivation Path

Mar 26, 2026 · Frontend Development

What Is CDP? Mastering the Frontend Debugging Toolchain

The article explains Chrome DevTools Protocol (CDP) as the JSON‑over‑WebSocket interface that lets external programs control Chrome, details its request/response and event model, shows a raw Node.js client, compares built‑in DevTools panels to CDP domains, and surveys the ecosystem of tools such as Puppeteer, Playwright, Cypress and Lighthouse that are built on top of CDP.

CDPChrome DevTools ProtocolNode.js

0 likes · 11 min read

What Is CDP? Mastering the Frontend Debugging Toolchain

Full-Stack Cultivation Path

Mar 25, 2026 · Artificial Intelligence

Understanding Tool Use in LLMs: How Models Leverage Tool Calls

This article explains why large language models need tool use, defines the concepts of Tool Use, Tool Call, and Function Calling, compares them, walks through a complete tool‑use workflow, and discusses architectural, safety, and design considerations for building reliable LLM agents.

AgentLLMPrompt Engineering

0 likes · 17 min read

Understanding Tool Use in LLMs: How Models Leverage Tool Calls

Full-Stack Cultivation Path

Mar 23, 2026 · Artificial Intelligence

What Exactly Is a Token in LLMs? A First‑Principles Explanation

The article explains that a token is the smallest discrete text unit a large language model processes, detailing why tokenization is essential, how tokenizers work, how tokens flow through the transformer, and how token counts affect context windows, cost, latency, and overall model behavior.

Cost ManagementEmbeddingLLM

0 likes · 20 min read

What Exactly Is a Token in LLMs? A First‑Principles Explanation

Full-Stack Cultivation Path

Mar 17, 2026 · Frontend Development

Chrome’s AI‑Powered WebMCP: A New Era for Front‑End Development

Chrome’s new WebMCP API lets AI agents bypass visual UI simulation and interact directly with web pages via a single navigator.modelContext call, eliminating fragile screen‑scraping tricks and enabling front‑end developers to expose structured tools to AI using simple declarative or imperative JavaScript APIs.

AI AgentsChromeDeclarative API

0 likes · 8 min read

Chrome’s AI‑Powered WebMCP: A New Era for Front‑End Development

Full-Stack Cultivation Path

Mar 16, 2026 · Frontend Development

Vite+ Launches – A Unified Frontend Development Era Begins

Vite+ has been released as an MIT‑licensed, fully open‑source JavaScript development toolchain that unifies project creation, dependency management, linting, testing, building and monorepo tasks under a single CLI, while remaining compatible with the existing Vite ecosystem.

CLIFrontend DevelopmentJavaScript

0 likes · 7 min read

Vite+ Launches – A Unified Frontend Development Era Begins

Full-Stack Cultivation Path

Feb 21, 2026 · Frontend Development

A TypeScript‑Only, Ultra‑Light Desktop Framework: Meet Electrobun

Electrobun is an open‑source framework that lets developers build cross‑platform desktop apps with only TypeScript, achieving roughly 12 MB bundle size by leveraging the system WebView, Bun runtime, and Zig native bindings, while offering incremental updates and type‑safe RPC, positioning it between Electron’s bloat and Tauri’s Rust complexity.

BunElectrobunElectron

0 likes · 7 min read

A TypeScript‑Only, Ultra‑Light Desktop Framework: Meet Electrobun

Full-Stack Cultivation Path

Jan 14, 2026 · Mobile Development

Using Vue to Build Flutter Apps: A New Cross‑Platform Approach

The article examines how the Vue ecosystem, which lacks a true native cross‑platform solution, can leverage the open‑source WebF runtime to run standard web projects—including Vue, React, and Svelte—directly inside Flutter on iOS, Android, and desktop, offering near‑native performance without rewriting code.

FlutterOpen-sourceVue

0 likes · 6 min read

Using Vue to Build Flutter Apps: A New Cross‑Platform Approach