پرش به مطلب اصلی

Packages

Syntax Highlighter​

Shiki​

یه Syntax Highlighter سبک که رو سرور Render میشه و HTML خام میفرسته سمت کلاینت؛ بنابراین JavaScript اضافه فرستاده نمیشه.

Icon Packs​

Maki​

آیکن مخصوص اماکنی که معمولاً در نقشه نمایش داده میشن؛ مثل پارک، موزه و مسجد.

Maintenance​

npm-check-updates​

ورژن تمام پکیج‌های package.json رو به آخرین نسخه‌ی موجود تغییر میده.

npx npm-check-updates -u
npm i

pretty-quick​

Prettier رو فقط رو فایل‌هایی که تغییر کردن و هنوز Commit نشدن اجرا میکنه.

به درد وقتایی می‌خوره که داریم رو یه پروژه‌ای کار می‌کنیم که هنوز تمام فایل‌هاش با Prettier فرمت نشدن. تو چنین شرایطی، نمیشه Prettier رو تو کل پروژه اجرا کرد، چون باعث میشه تمام فایل‌ها Format بشن و تغییر اصلی بینشون گم بشه.

npx pretty-quick

Knip​

کل پروژه رو بررسی میکنه و جاهایی که کد مرده وجود داره رو گزارش میده.

npx knip

Utils​

Immer​

یه کتابخونه‌ی کوچیک که کمک می‌کنه بتونیم setState کوتاه‌تری بنویسیم و نیازی نباشه دستی از Array یا Object کپی بگیریم.

const [array, setArray] = useState([1, 2, 3]);

const add = () => {
  setArray(produce((draft) => draft.push(4)));
};