Bùi Văn NamFront-end Engineer — Ha Noi[email protected]
B

Tôi dựng giao diện chạy nhanh trên máy rẻ và mạng yếu

Năm làm nghề
6
Dự án đã lên production
31
Điểm Lighthouse trung bình
98
Người dùng hằng tháng
1.200.000
Ngôn ngữ
vi · en
Tình trạng
Nhận dự án mới từ tháng 10

Sáu năm làm React và TypeScript cho sản phẩm thật, phần lớn là thương mại điện tử và dashboard. Tôi nhận cả phần đo đạc hiệu năng, không chỉ phần dựng giao diện.

Đặt việc
76/68

Tôi dựng giao diện chạy nhanh trên máy rẻ và mạng yếu

42/40

Tôi dựng giao diện chạy nhanh trên máy rẻ và mạng yếu

26/28

Tôi dựng giao diện chạy nhanh trên máy rẻ và mạng yếu

18/28

Tôi dựng giao diện chạy nhanh trên máy rẻ và mạng yếu

Dự án đã làm

Cuộn để xem tiếp
Tiki2025
Dashboard nhà bán

Dashboard nhà bán

Dựng lại toàn bộ front-end

Thời gian mở bảng đơn hàng giảm từ 4,1s xuống 0,9s

  • React
  • TypeScript
  • TanStack Query
Momo2025
Trang ra mắt sản phẩm

Trang ra mắt sản phẩm

Dựng và đo hiệu năng

LCP 1,1s trên 4G, tỷ lệ đăng ký tăng 18%

  • Next.js
  • Tailwind
  • Vercel
VNPay2024
Ứng dụng tỷ giá

Ứng dụng tỷ giá

Front-end và luồng dữ liệu thời gian thực

Giá cập nhật dưới 200ms, không rớt khung hình khi cuộn

  • React Native Web
  • WebSocket
  • Zustand
Juno2023
Thư viện giao diện dùng chung

Thư viện giao diện dùng chung

Thiết kế API component và tài liệu

9 nhóm dùng chung, giảm 60% code giao diện trùng lặp

  • React
  • Radix
  • Storybook
Xem thêm trên GitHub

Kéo thử đi

Hình khối này chạy bằng WebGL ngay trong trang, không phải video quay sẵn — và nó được dựng bằng mã, không tải file nào về. Cả khối three.js chỉ bắt đầu tải khi bạn cuộn tới gần; đó mới là phần khó.

Thư viện
three.js, React Three Fiber
Hình khối
dựng bằng mã, không tải file
Nạp
chỉ khi cuộn tới gần
Dự phòng
ảnh tĩnh
Kéo thử đi

Xem nó chạy

2 phút 00 giây

Bản quay màn hình một luồng thật, không cắt ghép. Ảnh tĩnh không cho thấy được độ mượt khi chuyển trang.

Mực dùng cho tờ này

Cobalt#1B2CF0
Chalk#EBEBE8
Ink#0B0B0D
Vermilion#FF3D00

Bốn mực, một tờ

Tôi làm bằng gì

Tôi không đổi stack theo mùa. Danh sách này là những thứ tôi đã dùng đủ lâu để biết chúng hỏng ở đâu.

Hằng ngày

  • TypeScript
  • React
  • Next.js
  • Tailwind

Sáu năm liên tục, phần lớn là codebase có sẵn của người khác

Dữ liệu & trạng thái

  • TanStack Query
  • Zustand
  • tRPC
  • Zod

Tôi thích kiểu dữ liệu chạy suốt từ server xuống form

Đo và sửa hiệu năng

  • Lighthouse CI
  • Web Vitals
  • Sentry
  • bundle analyzer

Đo trước khi sửa, và đo lại sau khi sửa

Đồ hoạ

  • three.js
  • React Three Fiber
  • GLSL
  • Canvas 2D

Đủ để biết khi nào nên dùng và khi nào không

Nhận dự án từ tháng 10 — làm remote hoặc tại TP.HCM · Nhận dự án từ tháng 10 — làm remote hoặc tại TP.HCM · Nhận dự án từ tháng 10 — làm remote hoặc tại TP.HCM · Nhận dự án từ tháng 10 — làm remote hoặc tại TP.HCM · Nhận dự án từ tháng 10 — làm remote hoặc tại TP.HCM · Nhận dự án từ tháng 10 — làm remote hoặc tại TP.HCM · Nhận dự án từ tháng 10 — làm remote hoặc tại TP.HCM · Nhận dự án từ tháng 10 — làm remote hoặc tại TP.HCM ·

Kể tôi nghe dự án

Nói rõ hạn giao và ngân sách ngay từ đầu — tôi trả lời trong 24 giờ kèm nhận định thẳng về việc có làm kịp hay không.

[email protected]
  • GitHub
  • LinkedIn
  • CV

Trần Minh Khôi — Front-end từ 2019