Những công cụ miễn phí tốt nhất cho lập trình viên frontend

bởi

trong

Một dự án frontend hiếm khi thất bại vì framework. Nó thất bại vì build chậm, không ai chạy test và bundle phình ra không ai để ý cho đến khi trang mất bốn giây mới hiện.

Tám công cụ này đều miễn phí, hợp nhau và là thứ đầu tiên tôi cài trong một dự án mới.

Công cụ build

Vite

Máy chủ phát triển khởi động tức thì và build production nhanh: lựa chọn mặc định cho gần như mọi frontend hiện đại.

vite.dev

Framework

Astro

Mặc định gửi không kilobyte JavaScript nào, nên rất khó làm ra một trang nội dung chậm với nó.

astro.build

Giao diện

Tailwind CSS

Các lớp tiện ích giúp CSS không phình mãi khi dự án già đi.

tailwindcss.com

Lint và định dạng

Biome

Linter và formatter trong một tệp nhị phân: thay cả chồng tệp cấu hình bằng một công cụ nhanh.

biomejs.dev

Kiểm thử đơn vị

Vitest

Test chạy trong vài mili giây, nên người ta thật sự chạy chúng trước khi push.

vitest.dev

Kiểm thử end-to-end

Playwright

Test trên trình duyệt thật, bắt được lỗi mà test đơn vị không bao giờ thấy, kèm trace phát lại được.

playwright.dev

Xưởng component

Storybook

Dựng và soát component tách biệt: không thể thiếu khi có hơn một người động vào giao diện.

storybook.js.org

Kích thước bundle

Bundlephobia

Xem một phụ thuộc tốn bao nhiêu kilobyte trước khi cài, chứ không phải sau.

bundlephobia.com

Hãy chọn công cụ build và linter trước: chính hai thứ đó quyết định cảm giác làm việc hằng ngày với dự án.

Cần xây dựng chứ không chỉ chọn lựa?

Ứng dụng web, API, hạ tầng và giao diện. Freelance từ Barcelona, khách hàng ở khắp nơi.

Liên hệ


Bình luận

Leave a Reply

Your email address will not be published. Required fields are marked *