Alat gratis terbaik untuk developer frontend

Proyek frontend jarang gagal karena frameworknya. Ia gagal karena build-nya lambat, tesnya tidak pernah dijalankan, dan bundle-nya membesar tanpa disadari sampai situs butuh empat detik untuk tampil.

Delapan alat ini gratis, saling melengkapi, dan menjadi hal pertama yang saya pasang di proyek baru.

Build

Vite

Server pengembangan instan dan build produksi cepat: pilihan default untuk hampir semua frontend modern.

vite.dev

Framework

Astro

Mengirim nol JavaScript secara default, sehingga sulit membuat situs konten yang lambat dengannya.

astro.build

Styling

Tailwind CSS

Kelas utilitas yang mencegah CSS membengkak tanpa henti seiring usia proyek.

tailwindcss.com

Lint dan format

Biome

Linter dan formatter dalam satu binary: mengganti tumpukan berkas konfigurasi dengan satu alat cepat.

biomejs.dev

Uji unit

Vitest

Tes yang selesai dalam milidetik, sehingga orang benar-benar menjalankannya sebelum push.

vitest.dev

Uji end-to-end

Playwright

Tes di peramban sungguhan yang menangkap bug tak terlihat oleh uji unit, lengkap dengan trace.

playwright.dev

Bengkel komponen

Storybook

Membangun dan meninjau komponen secara terisolasi: wajib begitu antarmuka disentuh lebih dari satu orang.

storybook.js.org

Ukuran bundle

Bundlephobia

Cek berapa kilobyte biaya sebuah dependensi sebelum memasangnya, bukan sesudah.

bundlephobia.com

Pilih dulu alat build dan linter: keduanya menentukan rasa proyek sehari-hari.

Perlu dibangun, bukan sekadar dipilih?

Aplikasi web, API, infrastruktur, dan antarmuka. Freelance dari Barcelona, klien di mana saja.

Hubungi saya


Comments

Leave a Reply

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