🚀 (اکس لینت) oxlint اکنون از پلاگین‌های جاوااسکریپت پشتیبانی می‌کند!

اکس‌لینت (oxlint) - لینتر فوق‌سریع Rust-based - حالا قابلیت گسترش با پلاگین‌های JS/TS را دارد.

✨ قابلیت‌های جدید:
•نوشتن قوانین لینت سفارشی با جاوااسکریپت/تایپ‌اسکریپت
•یکپارچه‌سازی با اکوسیستم موجود ESLint
•عملکرد بالا با حفظ سرعت هسته Rust

🎯 نحوه استفاده:

// oxlint.config.js
export default {
  plugins: ['my-plugin'],
  rules: {
    'my-plugin/my-rule': 'error'
  }
}

⚡ مزایای کلیدی:

· سرعت ۵۰-۱۰۰ برابر سریع‌تر از ESLint
· پشتیبانی از پلاگین‌های موجود جامعه
· توسعه آسان قوانین سفارشی

این به روزرسانی oxlint را به انتخابی ایده‌آل برای پروژه‌های بزرگ با نیازهای خاص تبدیل می‌کند.

#JavaScript #TypeScript #Oxlint #Linting #WebDevelopment #Rust

🆔@code_pedia

🎯 تگ `<template>`: قابلیت هسته HTML که جاوااسکریپت من را ساده کرد

تگ <template> یک ابزار قدرتمند و ناشناخته در HTML است:

💡 تگ `<template>` چیست؟
- بخشی از HTML که در ابتدا رندر نمی‌شود
- قابل استفاده مجدد در runtime با جاوااسکریپت
- حافظه‌کار و بهینه برای المان‌های تکراری

🛠 مثال عملی:

<template id="user-card">
  <div class="card">
    <h3 class="name"></h3>
    <p class="email"></p>
  </div>
</template>

// استفاده از template
const template = document.getElementById('user-card');
const clone = template.content.cloneNode(true);

clone.querySelector('.name').textContent = 'John Doe';
clone.querySelector('.email').textContent = '[email protected]';

document.body.appendChild(clone);

⚡️ مزایای کلیدی:
- کاهش پیچیدگی جاوااسکریپت
- عملکرد بهتر نسبت به innerHTML
- ساختار تمیز و قابل نگهداری
- جدا کردن منطق از نمایش

🎯 کاربردها:
- کامپوننت‌های داینامیک
- لیست‌های تکراری
- modalها و popupها
- ساختارهای پیچیده UI

#HTML #JavaScript #WebDevelopment #Frontend #Programming

🆔@code_pedia

💡 چیزهایی که فکر می‌کردم در توسعه وب به آن‌ها نیاز ندارم - بخش اول

تجربیات عملی از مفاهیمی که در ابتدا بی‌اهمیت به نظر می‌رسیدند:

🎯 مفاهیم کلیدی که نادیده گرفته بودم:

• Semantic HTML - تاثیر مستقیم بر SEO و accessibility

<!-- بد -->
<div onclick="doSomething()">کلیک کن</div>

<!-- خوب -->
<button onclick="doSomething()">کلیک کن</button>

• CSS Variables - مدیریت آسان theme و رنگ‌ها

:root {
  --primary-color: #007bff;
  --spacing: 1rem;
}

• Basic CLI Skills - سرعت بخشیدن به کارهای روزمره

git add . && git commit -m "update" && git push

• Accessibility (a11y) - ضرورت برای کاربران مختلف

<img src="logo.jpg" alt="شرکت ما" />

💡 درسی که گرفتم:
مبانی پایه مهم‌تر از فریمورک‌های مد روز هستند!

#WebDevelopment #HTML #CSS #Accessibility #Programming

🆔@code_pedia