7 GitHub repos for #JavaScript Developers!


1. https://github.com/getify/You-Dont-Know-JS

2. https://github.com/trekhleb/javascript-algorithms

3. https://github.com/30-seconds/30-seconds-of-code

4. https://github.com/thedaviddias/Front-End-Checklist

5. https://github.com/yangshun/front-end-interview-handbook

6. https://github.com/microsoft/Web-Dev-For-Beginners

7. https://github.com/sudheerj/reactjs-interview-questions



🆔 @code_pedia

🚀 (اکس لینت) 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