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

تست وب‌سایت‌ها و اپلیکیشن‌ها بر روی بیش از ۳۰۰۰ دستگاه و مرورگر.

آپلود و تست اپلیکیشن‌های iOS و Android روی دستگاه‌های واقعی‌.

اجرای تست‌های خودکار با ابزارهایی مانند Selenium و Appium.

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

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

امکان اتصال به ابزارهای CI/CD مانند Jenkin

تست وب‌سایت‌ها در نسخه‌های مختلف مرورگرها مانند Chrome، Firefox، Safari، و Edge.

#️⃣ #website #browserstack

🚀 @coolycode

React
Angular
Next
Vue
Gatsby

MUI
Bootstrap
Ant Design
ChakraUi
Vuetify
...

Javnoscript
Typenoscript
Tailwind
Css
...

راستی توی این ویدیو نحوه استفاده ازش رو توضیح داده، به نظرم ببینید جالب بود 🔻

📺 https://youtu.be/yhCtAs--r_Y

#️⃣ #figma #tools #AI #uiux

🚀 @coolycode

روی دکمه Start (آیکون ویندوز) در پایین سمت چپ صفحه کلیک کنید.

گزینه Power را انتخاب کنید.

سپس گزینه Shut down را بزنید.

دکمه پاور بر روی لپ تاپ یا کیس را پیدا کنید.

انگشت خود را بر روی دکمه فشار دهید تا زمانی که سیستم شما خاموش شود.

#️⃣ #fun

🚀 @coolycode

#️⃣ #programming

🚀 @coolycode

یعنی اگر استایل یکسانی هم در انتخابگر تگ و هم در شبه‌کلاس :root تعریف کنید، استایل :root اعمال خواهد شد 🔻

:root {
  --bg-color: lightblue;
}

html {
  --bg-color: pink;
}

body {
  background-color: var(--bg-color); /* پس‌زمینه آبی روشن خواهد بود */
}

document.documentElement.style.setProperty('--primary-color', '#e74c3c');

توی کد بالا، مقدار متغیر --primary-color به #e74c3c تغییر می‌کنه، و تمام عناصری که از این متغیر استفاده می‌کردند، به روز می‌شن.

#️⃣ #css #root

🚀 @coolycode

البته قابلیت های بیشتری فعال میشه، خلاصه که جینگولای بیشتری به پست ها اضافه میشه 😂

برا بچه هایی که ایسنتا ندارن گذاشتم اینجا، دوست داشتید از اینستامون ببینید 🔻

🌐https://www.instagram.com/coolycode

#️⃣ #fun #programming

🚀 @coolycode

این داک جذاب از تکنولوژی های مختلف و متعددی پشتیبانی میکنه، حتما یه سری بهش بزنید ⚡

#️⃣ #website #git

🚀 @coolycode

#️⃣ #NEWPost #tricks

🚀 @coolycode

هدف اصلی 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 مزایا و معایب خودش رو داره و انتخاب اون به نیازهای پروژه شما بستگی داره و باید به این نکت توجه کنید که بسیاری از امکانات آماده و کتابخانه های خارجی در دسترس شما نخواهد بود.