~/portfolio · personal hub

Hello, I'm 李建辉

💻前端全干工程师Full-Stack Explorer

专注于构建高性能、可扩展的 Web 应用 · 乐于探索与分享技术

"The only way to do great work is to love what you do."
~/sites

我做的几个网站

博客、工具和一些实验
~/projects

精选开源贡献与项目

开源生态共建
~/skills

技术栈与专业技能

收录 43 项
JavaScript

现代 ESNext 标准、异步编程与原型链

TypeScript重点

严谨类型系统、泛型与工程级类型体操

TSX

JSX 语法与强类型组件模式

HTML5

语义化标签、Web Components 与无障碍可访问性

CSS3

Flexbox, Grid, 现代变量系统与 CSS-in-JS

Astro重点

内容优先的零 JS 群岛架构与孤岛渲染 (Island Architecture)

Umi重点

企业级前端应用框架,微前端 qiankun 与路由插件生态

React重点

Hooks, Fiber 调度, 并发特性与组件化架构

Vue.js

Composition API, 响应式原理与高效渲染

Next.js重点

App Router, React Server Components (RSC) 与 SSR/SSG

Nuxt.js

Vue3 SSR/SSG 全栈元框架与自动路由

Tailwind CSS

原子化 CSS、设计约束系统与 JIT 引擎

Sass / Less

CSS 预处理器与模块化样式方案

Pinia

Vue 3 官方推荐的轻量直观状态管理

Zustand

极简轻量的 React 状态管理方案

MobX

透明函数响应式状态管理 (TFRP)

TanStack Query

异步服务端状态同步与智能缓存 (React Query)

Ant Design

企业级中后台 UI 体系与生态组件贡献

Shadcn UI

可拷贝定制的 Radix 基础高质量组件原语

React Router

声明式路由系统与数据加载契约

React Hook Form

高性能、低重渲染的表单校验架构

Zod

TypeScript 优先的运行时 Schema 校验库

Nextra

基于 Next.js 的高颜值文档与博客生成引擎

Yjs

高性能 CRDT 实时富文本协同计算框架

ECharts

复杂交互数据可视化图表库

Vite重点

基于原生 ESM 的极速现代前端构建工具

Rspack

基于 Rust 的高性能 Webpack 兼容打包器

Webpack

经典模块打包器、深入 Loader/Plugin 机制

Rollup

高内聚类库打包与精细 Tree-shaking

Turborepo

高性能 Monorepo 多包管理与远端构建缓存

Turbopack

下一代增量打包引擎

tsup

基于 esbuild 的轻快 TypeScript 库打包器

Lighthouse

Web 性能、SEO 与可访问性核心体验审计

Biome

快速的格式化与代码质量 linter 工具

Git & Actions

版本控制、规范提交与自动化 CI/CD 流程

pnpm

硬链接内容寻址的高效磁盘占用包管理器

Node.js

事件驱动、异步非阻塞的 JavaScript 服务端运行时

Hono

超轻快、运行于边缘的现代 Web 标准框架

Supabase

开源 Firebase 替代品,PostgreSQL 驱动的后端即服务

Vercel

全球边缘托管与自动化 Serverless 部署平台

Socket.io

双向、低延迟的实时 WebSocket 通信

Gemini AI

大语言模型 API 集成与智能交互落地

Resend

专为开发者设计的现代事务型邮件服务