Hi, my name is

Ranck.

> |

我是热爱技术与设计的 前端工程师，专注于构建高性能、可维护的现代化 Web 应用。

查看我的作品联系我
dev.ts
const developer = {
  name: 'Ranck',
  skills: ['React', 'TypeScript'],
  passion: 'Building great web apps',
  hireable(): true,
};
scroll↓

01.关于我

你好！我是 Ranck，一名热爱技术与创造的前端工程师。

我专注于构建高性能、可维护且用户体验优秀的 Web 应用。在工作中，我喜欢研究前沿的前端技术与工程化实践，并将它们应用到实际项目中，持续提升开发效率与产品质量。

工作之外，我喜欢写技术博客、参与开源项目，并保持对新技术的好奇心。

  • ▹React / Next.js
  • ▹TypeScript
  • ▹Vue / Nuxt
  • ▹Node.js
  • ▹CSS / Tailwind
  • ▹Vite / Webpack
👨‍💻Ranck@frontend

02.技能专长

⚛️React精通
🔷TypeScript精通
💚Vue 3熟练
🟢Node.js熟练
📘Next.js熟练
🎨Tailwind CSS精通
⚡Vite精通
📦Webpack熟练
🐳Docker了解
🗄️MySQL / PostgreSQL熟练
🌐GraphQL了解
🔄CI/CD熟练
🧪Jest / Vitest熟练
📱Responsive Design精通

03.技术博客

view all posts →

04.项目作品

📁

Component Library — Stellar UI

基于 React + TypeScript 的现代化组件库，支持 Tree Shaking、完善的文档和 Storybook 演示。包含 30+ 组件。

ReactTypeScriptStorybookRollup
📁

Low-Code Dashboard Builder

拖拽式数据看板构建器，支持自定义图表组件、数据源绑定和实时预览。使用 Vue 3 + Pinia 构建。

Vue 3PiniaEChartsGridStack
📁

Real-time Collaborative Editor

基于 CRDT 算法的实时协作编辑器，支持多人同时编辑、版本回溯和离线编辑同步。

ReactYjsWebSocketIndexedDB
📁

Micro-Frontend Platform

基于 Module Federation 的微前端平台，支持多团队独立开发部署、运行时集成和统一的状态管理。

ReactWebpack 5Single-SPAQiankun
📁

Performance Monitoring SDK

前端性能监控 SDK，采集 Core Web Vitals、错误日志和用户行为数据，并提供可视化分析面板。

TypeScriptRollupNestJSClickHouse
📁

CLI Scaffolding Tool

前端项目脚手架 CLI 工具，支持多种模板选择和自定义配置，集成 ESLint、Prettier 和 Git Hooks。

Node.jsCommanderInquirerHandlebars

05.联系我

对项目感兴趣或有合作意向？欢迎随时联系我，
我的邮箱通常会在 24 小时内回复。