Năng lực

Những thứ tôi làm được, và làm chắc.

Biết thì nhiều, nhưng tôi tập trung vào đúng một việc: làm giao diện chạy nhanh mà vẫn dễ sửa khi đội ngũ và dữ liệu phình to.

Frontend

01
  • React 18/19
  • TypeScript
  • Next.js 15 (App Router, RSC)
  • Redux Toolkit
  • Zustand
  • TanStack Query
  • Vue 3 (Composition API, Pinia)
  • Tailwind CSS

Performance

02
  • Core Web Vitals (LCP, INP, CLS)
  • List virtualization
  • Tối ưu canvas
  • Code splitting
  • Bundle analysis
  • Lighthouse CI

Accessibility

03
  • WCAG 2.1 AA
  • ARIA
  • Semantic HTML
  • Keyboard navigation
  • axe-core

Testing

04
  • Vitest
  • Jest
  • Cypress
  • React Testing Library
  • Unit, integration & E2E trong CI

API & Realtime

05
  • REST
  • WebSocket
  • Socket.IO
  • JWT
  • OAuth 2.0
  • Stripe (Checkout, Webhooks)
  • NextAuth.js

Công cụ & AI

06
  • Vite
  • Webpack
  • Docker
  • GitHub Actions
  • pnpm workspaces
  • Storybook
  • Cursor
  • Claude

Công nghệ

Những thứ tôi hay dùng.

Tôi chọn gọn lại quanh vài công nghệ dùng thành thạo, ưu tiên chạy nhanh và dễ bảo trì về sau.

React
TypeScript
Next.js
Node.js
Vue 3
TanStack Query
Redux
Tailwind CSS
NestJS
Stripe
Vitest
Cypress
Storybook
GitHub Actions
SonarQube
Docker
Supabase
Vercel

Kết quả

Những lần tối ưu tạo ra khác biệt thật.

35%

01

Giảm 35% JavaScript tải ban đầu, từ 1,4 MB xuống 910 KB, bằng code splitting theo route bám theo ranh giới RBAC, giúp LCP cải thiện 1,2 giây.

58-60 FPS

02

Xử lý gần 5.000 sự kiện WebSocket mỗi phút, duy trì 58-60 FPS và giữ INP dưới 120ms khi tải tăng đột biến.

60 FPS

03

Cải thiện bản đồ mặt bằng React và Konva gồm 2.000 node từ 30 lên 60 FPS, đồng thời giảm 40% thời gian commit của React.

90%

04

Đưa test gate vào các luồng quan trọng với độ phủ 90%, giúp lỗi hồi quy production giảm khoảng 25% trong tám sprint.

5

05

Dẫn đội frontend năm người phụ trách các module chính của nền tảng HR phục vụ hơn 100 khách hàng tại Nhật Bản.

2

06

Hướng dẫn hai kỹ sư junior tự phụ trách tính năng trong vòng sáu tháng.