Frontend geliştiriciler için en iyi ücretsiz araçlar

yazar:

kategori:

Bir frontend projesi nadiren framework yüzünden batar. Build yavaştır, testleri kimse çalıştırmaz ve bundle kimse bakmadan büyür; sonunda site dört saniyede açılır.

Bu sekiz araç ücretsiz, birbiriyle uyumlu ve yeni bir projede ilk kurduğum şeyler.

Derleme

Vite

Anında açılan geliştirme sunucusu ve hızlı üretim derlemeleri: neredeyse her modern frontend için varsayılan tercih.

vite.dev

Framework

Astro

Varsayılan olarak sıfır JavaScript gönderir, bu yüzden onunla yavaş bir içerik sitesi yapmak zordur.

astro.build

Stil

Tailwind CSS

Proje yaşlandıkça CSS'in sonsuza dek şişmesini engelleyen yardımcı sınıflar.

tailwindcss.com

Lint ve biçim

Biome

Tek bir ikili dosyada linter ve biçimlendirici: bir yığın yapılandırma dosyasını tek hızlı araçla değiştirir.

biomejs.dev

Birim testleri

Vitest

Milisaniyelerle ölçülen testler, bu yüzden insanlar push öncesi gerçekten çalıştırır.

vitest.dev

Uçtan uca test

Playwright

Gerçek tarayıcı testleri, birim testlerinin göremediği hataları yakalar ve izleri tekrar oynatılabilir.

playwright.dev

Bileşen atölyesi

Storybook

Bileşenleri izole geliştirip incelemek: arayüze birden fazla kişi dokunmaya başlayınca vazgeçilmez.

storybook.js.org

Paket boyutu

Bundlephobia

Bir bağımlılığın kaç kilobayt tuttuğunu kurmadan önce görün, kurduktan sonra değil.

bundlephobia.com

Önce derleme aracını ve linter’ı seçin: projenin günlük hissini bu ikisi belirler.

Seçmek değil, kurmak mı gerekiyor?

Web uygulamaları, API'ler, altyapı ve arayüzler. Barselona'dan freelance, dünyanın her yerinden müşterilerle.

İletişime geç


Yorumlar

Leave a Reply

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