هدف اصلی tree shaking اینه که فقط کدی که واقعاً در برنامه استفاده میشود در باندل نهایی باقی بماند و کدهای اضافی حذف شوند 💥

نکته ای که وجود داره اینه که جاوااسکریپت به تنهایی نمیتونه tree shaking رو فعال کنه و توسط bundler‌هایی مثل webpack و rollup انجام می‌شه !

🌐 Webpack

🌐 Rollup

#️⃣ #WhtsThat #javanoscript #bundlesize #tree_shaking #webpack #rollup

🚀 @coolycode

#️⃣ #WhtsThat #NEWPost #legacycode

🚀 @coolycode

مثلا من توی این عکس پکیج react-hook-form رو با Formik مقایسه کردم و میتونید تمامی اطلاعاتشون رو ببینید مثل تعداد issue‌ها، تعداد نصب بر اساس تاریخ و ...

#️⃣ #website #npm #npmtrends

🚀 @coolycode

تغییرات در نسخه‌های مختلف لایبرری ها می‌تونن باعث بروز مشکلاتی در پروژه شود.

وقتی توسعه‌دهندگان از کتابخانه‌های خارجی استفاده می‌کنن، مجبور به اعتماد به کدهای نوشته شده توسط دیگران هستند.

کتابخانه‌های خارجی ممکنه حاوی آسیب‌پذیری‌هایی باشند که پروژه شما رو تهدید کنند.

حذف وابستگی‌ها به کتابخانه‌های خارجی می‌تونه حجم کد نهایی رو کاهش بده تا سرعت نهایی بالا بره.

افزایش سرعت

پایداری بیشتر

ساده‌سازی روند دیباگ

پشتیبانی بهتر از کد

زمان‌بر بودن توسعه

تکرار کارهای انجام شده

کمبود امکانات و ابزارهای آماده

نگهداری پیچیده تر

عدم وجود کامیونیتی

در کل رویکرد Zero Dependency مزایا و معایب خودش رو داره و انتخاب اون به نیازهای پروژه شما بستگی داره و باید به این نکت توجه کنید که بسیاری از امکانات آماده و کتابخانه های خارجی در دسترس شما نخواهد بود.

#️⃣ #sticker #programming

🚀 @coolycode

و خب در نهایت همه اینا باعث میشه تا، سرعت توسعه بالاتر بره و از لحاظ کیفی توی سطح خوبی قرار بگیره.

بررسی کوچک‌ترین بخش‌های برنامه (مانند توابع یا متدها) برای اطمینان از اینکه به درستی کار می‌کنند.

بررسی تعامل بین ماژول‌ها و بخش‌های مختلف برای اطمینان از اینکه با هم دیگه به درستی کار می‌کنند.

این نوع تست به روی بررسی عملکرد سیستم یا نرم‌افزار بر اساس نیازها و الزامات تعیین‌شده تمرکز داره.

تست عناصر تعاملی در رابط کاربری، مانند دکمه‌ها و فرم‌ها.

تست عملکرد قبلی نرم افزار پس از اعمال تغییرات جدید، برای جلوگیری از ایجاد خطاهای جدید.

ارزیابی آسیب‌پذیری‌های امنیتی در برابر حملات احتمالی.

#️⃣ #WhatsThat | #test | #testing

🚀 @coolycode

#️⃣ #fun | #programming | #self_study

🚀 @coolycode

راستی نکته جالبی که وجود داره اینه که میتونی کدت رو سیو کنی و با لینکی که بهت میده با بقیه به اشتراک بزاری 💥

#️⃣ #website #tailwind #css

🚀 @coolycode

#️⃣ #NEWPost

🚀 @coolycode

حالا با استفاده از npm کتابخانه node-telegram-bot-api رو با استفاده از دستور زیر نصب کنید 🔻

npm install node-telegram-bot-api

اول باید از BotFather در تلگرام توکن API خود را دریافت کنید. ( آموزش )

بعد از دریافت توکن، می‌تونید کد ربات رو با جاوا اسکریپت بنویسید.

برای این کار یک فایل با نام bot.js ایجاد میکنیم و کد زیر رو داخلش قرار میدیم 🔻

const TelegramBot = require('node-telegram-bot-api');

// ایجاد شیء ربات با توکن
const bot = new TelegramBot('YOUR_BOT_TOKEN', { polling: true });

// پاسخ به دستور /start
bot.onText(/\/start/, (msg) => {
  bot.sendMessage(msg.chat.id, 'Hey, cooly coder 😎');
});

برای اجرای ربات کافیه با Node.js فایلی که ساختیم رو اجرا کنیم 🔻

node bot.js

این ربات یک مثال خیلی ساده بود و خودتون میتونید با افزودن ویژگی‌های بیشتر مثل پاسخ به پیام‌ها یا ارسال data به API، ربات‌های خفن تری بسازید 💥

#️⃣ #bot #nodejs #libarary

🚀 @coolycode

#️⃣ #game #hobby #fun

🚀 @coolycode

وقتی مشکل رو به‌صورت دقیق بیان می‌کنی، کمک می‌کنه که بدونم دقیقاً کجا گیر کردی. این میتونه شامل توضیح کامل خطا، قسمت مشکل‌دار کد و یا نتیجه غیرمنتظره ای که خودت اطلاع داری در موردش باشه.

اگر سوال پیچیده‌ای داری، بهتره اون رو به چند سوال جزئی‌تر تقسیم کنی. اینطوری بهتر می‌تونم روی هر بخش تمرکز کنم و به هر قسمت جداگانه جواب بدم.

وقتی مشخص می‌کنی که هدف نهاییت چیه، من بهتر می‌فهمم که باید چه نوع جوابی بدم تا به هدف مد نظرت برسی.

سعی کن یه مثال واقعی از کدی که با اون کار می‌کنی یا شرایط دقیق برنامه‌ات بفرستی برام چون بهم کمک می‌کنه تا جواب مرتبط‌تری بدم.

#ChatGPT #tips

رنگ تم هایی که داره خیلی خوب و جذابه و رنگ هاش زننده نیست، و یه قابلیت dark mode هم که گذاشته میتونید تمتون رو‌با هر رنگی که هست به مود لایت و یا دارک تغییر بدید

یه دکمه Format Code داره که اگر فرمت کدتون بهم ریخته باشه میاد و به طور اتوماتیک ریفورمتش می‌کنه همون لحظه

یه لینک کوتاه براتون میسازه تا بتونید صفحه اسکرین شات اون کدو با بقیه به اشتراک بزارید یا سیو کنید تا بعدا بتونید ازش استفاده کنید و ادیتش کنید

برعکس سایت carbon که قبلا معرفی کردیم و برای حذف بک گراند نیاز بود تا خودتون opacity رو صفر کنید یه دکمه background براتون گذاشته که خیلی تمیز بک گراند عکس رو رو حذف میکنه

#️⃣ #website #tool

🫶 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣

#️⃣ #NEWPost | #tips

🫶 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣

#️⃣ #me

🫶 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣

اولین پروژه ای که با React زدم رو دقیقا با همین روش پیش بردم، مثلا چند روز رو پروژه کار میکردم بعد یه جا میخواستم یه تغییر بزرگ بدم یه کپی از فولدرم می‌گرفتم با کل package‌ها که فقط کپیش ۲۰ دیقه طول می‌کشید، اصلا یه چیز اسیدی بود هنوزم دارم پروژه رو رو‌ لوکال 😂

#️⃣ #fun #programming

🫶 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣