Webpack vs Vite
Frontend build araçlarının iki kuşağı: köklü ve güçlü Webpack ile geliştirici deneyimini deviren Vite. Projeniz için hangi build aracını seçmelisiniz?
JavaScript linting standartı
Hızlı all-in-one toolchain
// eslint.config.js (ESLint 9 flat config)
import js from '@eslint/js';
import typescript from '@typescript-eslint/eslint-plugin';
import tsParser from '@typescript-eslint/parser';
import reactHooks from 'eslint-plugin-react-hooks';
export default [
js.configs.recommended,
{
files: ['**/*.{ts,tsx}'],
languageOptions: {
parser: tsParser,
parserOptions: { project: './tsconfig.json' }
},
plugins: {
'@typescript-eslint': typescript,
'react-hooks': reactHooks
},
rules: {
'@typescript-eslint/no-explicit-any': 'error',
'@typescript-eslint/no-unused-vars': 'error',
'react-hooks/rules-of-hooks': 'error',
'react-hooks/exhaustive-deps': 'warn'
}
}
];// biome.json — lint + format konfigürasyonu
{
"$schema": "https://biomejs.dev/schemas/1.8.0/schema.json",
"organizeImports": { "enabled": true },
"linter": {
"enabled": true,
"rules": {
"recommended": true,
"correctness": { "noUnusedVariables": "error" },
"suspicious": { "noExplicitAny": "error" },
"style": { "useConst": "warn" }
}
},
"formatter": {
"enabled": true,
"indentStyle": "space",
"indentWidth": 2,
"lineWidth": 100
},
"javascript": {
"formatter": { "quoteStyle": "single", "trailingCommas": "es5" }
}
}Yeni projeler için Biome'nin sıfır konfigürasyonlu hız avantajı cazip; ancak özel ESLint kurallarına bağımlı büyük ekosistemler için ESLint hâlâ vazgeçilmez. Her ikisini birlikte kullanmak (Biome format, ESLint lint) da giderek yaygınlaşıyor.
Biome'nin formatter'ı Prettier ile %97 uyumludur ve çok daha hızlıdır. Prettier'dan Biome'ye geçiş genellikle sorunsuz; küçük çıktı farklılıkları biome format --write ile otomatik düzeltilir.