Jinsi ya Kutumia Prettier na ESLint kwa Clean Code

Prettier na ESLint ni tools muhimu za JavaScript/TypeScript development. Prettier inahakikisha formatting ya code ni consistent, wakati ESLint inachunguza coding errors, style issues, na best practices. Kutumia zote kunahakikisha code yako ni clean, readable, na maintainable.

Jinsi ya Kuinstall:

# Install Prettier na ESLint locally
npm install --save-dev prettier eslint

# Initialize ESLint
npx eslint --init


Mfano wa Configuration (package.json):

{
"scripts": {
"lint": "eslint src/**/*.js",
"format": "prettier --write src/**/*.js"
}
}


Usage:

# Check for linting errors
npm run lint

# Auto-format code
npm run format


Optional ESLint + Prettier Integration:

Install integration packages:

npm install --save-dev eslint-config-prettier eslint-plugin-prettier


Add to .eslintrc.json:

{
"extends": ["eslint:recommended", "plugin:prettier/recommended"],
"plugins": ["prettier"],
"rules": {
"prettier/prettier": ["error"]
}
}


Ufafanuzi:

Prettier hufix formatting issues kama spacing, semicolons, quotes.

ESLint huchunguza errors, unused variables, na potential bugs.

Pamoja, zinahakikisha codebase yako ni clean na inafuata best practices.

🔗 Links Za Kujifunza Zaidi:

🌐 Faulink Official Website:
https://www.faulink.com/

📘 Jifunze Web Design & Programming (Tutorials / Mifumo):
https://www.faulink.com/excel_mifumo.php

📲 Piga / WhatsApp kwa msaada wa haraka:
https://wa.me/255693118509