📚با استیت منیجمت Mobx بیشتر آشنا بشید

در واقع Mobx یک کتابخانه مدیریت استیت برای برنامه‌های جاوااسکریپته که به طور معمول با React استفاده میشه. در Mobx مفهوم اصلی، observables ها هستن که واکنش‌پذیریو تو برنامه شما فعال میکنن.
استیت منیجمنت Mobx از الگوی تغییرات رفع اشکال (reactive programming) استفاده می‌کنه تا همگام با تغییرات در داده‌ها، رابط کاربری رو به‌روز کنه.

🔵 نکته: observables ها اشیاء یا مقادیر قابل مشاهده هستند. به این معنی که هنگام تغییر اونها، observables ها به طور خودکار آگاه میشن و هر مولفه یا تابع واکنش‌پذیر دوباره اجرا میشه.


❓چرا از Mobx استفاده کنیم؟

‼️حجم بسیار کم

‼️سازگاری کامل با typescript

‼️ساده

‼️عملکرد قوی در پروژه های بزرگ


✅ نکته : توجه داشته باشید که استفاده از MobX به معنای لغو دادگان نامتغیره که ممکنه برای شما یک مانع شدید باشه.


در کل استیت منیجمنت MobX نسبت به سایر استیت منیجمنت ها مثل redux و... بسیار ساده تر و کم حجم تر هست و کار باهاش تجربه دلنشینی برای شما به ارمغان میاره. برای یادگیری این کتابخانه میتونید به داکیومنتش مراجعه کنید


Document 🌕

#library #state_managment #mobx
@CodeModule

یه ابزار کاربردی برای لینوکس بازا🪴

این سایت قابلیت اینو داره که هر دستور shell ای که وارد میکنید رو وظیفشو بهتون بگه! 🔥


➡️Website◀️

#linux #shell #tools
@CodeModule

Good Night 🌚✨

هر احمقی می‌تونه کدهایی بنویسه که کامپیوتر بفهمه، اما برنامه‌نویس خوب کدهایی می‌نویسه که دیگر انسان‌ها هم بتونن درک کنن.


@CodeModule

📚کتابخانه lodash چیه و چه مزایایی داره؟

در اصل Lodash یک کتابخانه قدرتمند جاوا اسکریپت هست که مجموعه‌ای از توابع کاربردی برای انجام وظایف رایج در برنامه‌نویسی رو ارائه میده. این کتابخانه به شما کمک می‌کنه تا کدتونو کوتاه‌تر، خواناتر و کارآمدتر کنید.

🔵 کاربردهای Lodash:

◀️کار با آرایه‌ها: Lodash توابع مختلفی برای پیمایش، فیلتر کردن، مرتب‌سازی و دستکاری آرایه‌ها ارائه میده.

◀️کار با اشیاء: Lodash توابعی برای دسترسی به مقادیر اشیاء، بررسی وجود خواص، ادغام اشیاء و موارد دیگر ارائه میده.

◀️توابع: Lodash توابع مختلفی برای ایجاد، ترکیب و curry کردن توابع ارائه میده.

◀️اعداد: Lodash توابعی برای انجام محاسبات ریاضی و دستکاری اعداد ارائه میده.

◀️رشته‌ها: Lodash توابعی برای دستکاری رشته‌ها مانند برش، جایگزینی و تبدیل به حروف بزرگ و کوچک ارائه میده.

◀️مجموعه‌ها: Lodash توابعی برای کار با مجموعه‌ها، مانند مجموعه‌ها و نگاشت‌ها ارائه میده.

⚡️مزایای استفاده از Lodash:

✅کاهش حجم کد: Lodash توابع زیادیو ارائه میده که می‌تونن به شما کمک کنن تا کدتونو کوتاه‌تر و خواناتر کنید.

✅افزایش کارایی: Lodash توابعیو ارائه میده که به شما کمک می‌کنن تا کدتونو کارآمدتر کنید.

✅کاهش خطا: Lodash توابعیو ارائه میده که به شما کمک می‌کنند تا از خطاهای رایج در برنامه‌نویسی جلوگیری کنید.

برای اطلاعات بیشتر و نحوه استفاده از این کتابخانه، میتونید به داکیومنتش مراجعه کنید 😎

Document 🌕

#lodash #library #js
@CodeModule

🔵چکیده ای از فریم ورک Alpine.js

در واقع Alpine.js یکی از فریم ورک های جاوا اسکریپته که به شما این امکان رو میده پروژه هاتون و با کد کمتر و بهینه تر بنویسید ! 😎

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

همچنین Alpine.js مثل انگولار، React.js، Vue.js و Svelte این امکان رو میده تا برنامه نویس به صورت بهینه کدنویسی کنه و با دردسر کمتری کد خودشو تغییر بده و با استفاده از یک رابط، برنامه‌ی خودش رو آسون‌تر توسعه بده.


✅برخی از مزایای Alpine.js:

🔢 سینتکسی مشابه به Vue.js داره و شما اگه با با این فریم ورک کار کرده باشید یادگیری Alpine.js براتون آسون تره

🔢 راحت تر میتونید DOM رو دستکاری کنید

🔢 به راحتی میتونید اطلاعات رو بایند کنید

🔢 میتونید با استفاده از آلپاین وب اپلیکیشن های خودتون رو برای حالت گوشی هم توسعه بدید

🔢 آلپاین جی اس رو میتونید هم به شکل کامپوننت و هم میان کد های Html استفاده کنید


برای اطلاعات بیشتر و نحوه نصب و استفاده از Alpine.js، میتونید به داکیومنتش مراجعه کنید.


Document 🌕

#framework #alpine
@CodeModule

Good Night 🌚✨

"سختی ها و مشکلاتو در آغوش بگیر، اونا قراره بخشی از سخنرانی پیروزیت باشن"


@CodeModule

5 کتابخانه کاربردی که component های آماده tailwind-css ارائه میدن🔥

1️⃣Flowbite

2️⃣Tailwind Elements

3️⃣Tailwind Templates

4️⃣Daisy UI

5️⃣Tailwind UI


#tailwind
@CodeModule

پسورد من توی چند سایت مختلف😂😂😂:


#fun
@CodeModule

در پست های قبل راجب اهمیت تست نویسی صحبت کردیم و امروز میخوایم یکی از محبوب‌ترین فریمورک‌ها برای این کار، یعنی Jest و بررسی کنیم😎

✅فریمورک Jest چیه؟

در واقع Jest یک فریمورک تست نویسی جاوااسکریپتی هست که امروزه به طور گسترده‌ای مورد استفاده قرار میگیره. این فریمورک با همه فریمورک‌های مدرن جاوا اسکریپت مثل React، Angular، Vue،  Node و نظایر این‌ها سازگاری داره.

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


❓چرا Jest و انتخاب کنیم؟

وضعیت پرسش‌نامه سال ۲۰۱۸ جاوااسکریپت نشون میده که Jest محبوب‌ترین و پر استفاده‌ترین فریمورک تستینگ برای جاوااسکریپت بوده و حدود ۳۹٫۶% از توسعه دهنده ها از اون استفاده میکردن.

و همچنین Facebook، Twitter، Airbnb، Instagram، Spotify و بسیاری از استارتاپ‌های بزرگ، همگی از این فریمورک برای تست محصولاتشون که با جاوااسکریپت نوشته شده، استفاده میکنن.


✅مزایای فریمورک Jest

◀️بدون پیکربندی

◀️استفاده ساده

◀️سرعت بالا

◀️اجرای موازی تست ها

◀️مستندات بسیار خوب


اگه شما از تست نوشتن خوشتون نمیاد، Jest قطعا نظر شما رو عوض میکنه چون استفاده از این فریمورک فوق‌العاده آسون و راحته.

برای یادگیری این فریمورک میتونید به داکیومنتش مراجعه کنید.


Document 🌕

#testing #jest #framework
@CodeModule

بررسی برخی فیچر های جدید جاوا اسکریپت (ES14) ✌️

اکما اسکریپت ۱۴ موجی از ویژگی‌های هیجان‌انگیز و در سال ۲۰۲۳ به نمایش گذاشت تا تجربه‌ی بهتری از برنامه نویسی با جاوا اسکریپت داشته باشید.

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

1⃣ متد findLast
این متد در پروتوتایپ تمامی آرایه‌ ها قابل دسترسی هست (به عنوان مثال Array.prototype.findLast) و به طور مشابه به متد find عمل می‌کنه و برای یافتن یک عضو در آرایه استفاده میشه. با این تفاوت که جستجو رو از انتهای آرایه شروع می‌کنه.

const array1 = [5, 12, 50, 100, 44];const found = array1.findLast((element) => element > 45);
console.log(found);//Output: 100

2⃣متد toSorted
این متد نیز مشابه متد sort هست. این دو متد برای مرتب‌سازی اعضای یک آرایه استفاده میشن، با این تفاوت که متد toSorted آرایه اصلی و تغییر نمیده و خروجی اون یک آرایه جدید از اعضای مرتب‌شده هست.

const sortedNumbers = numbers.toSorted((a, b) => a - b) 
console.log(sortedNumbers) // Output: [1, 2, 3, 4, 5] 
 
// common mistake using numbers 
const nums2 = [0, 15, 5, 10, 20] 
const sortedNums2 = nums2.toSorted() 
console.log(sortedNums2) // Output: [0, 10, 15, 20, 5]

3⃣ متد toReversed
این متد نیز مشابه متد reverse عمل می‌کنه که برای معکوس کردن اعضای یک آرایه استفاده می‌شود، با این تفاوت که متد toReversed آرایهٔ اصلی و تغییر نمیده، بلکه خروجی اون یک آرایه جدید از اعضای معکوس شده هست.

const originalArray = [1, 2, 3, 4, 5];
// toReversed
const newArray = originalArray.toReversed();
console.log(originalArray); // Output: [1, 2, 3, 4, 5] the array is unmodified
console.log(newArray); // Output:[5, 4, 3, 2, 1]

4⃣ متد with
این متد به ما اجازه میده که یک عضو از آرایه رو با یک مقدار دیگه جایگزین کنیم، بدون اینکه آرایه اصلی و تغییر بدیم. این متد دو ورودی می‌گیره: ورودی اول که شماره ایندکس مورد نظر برای جایگزینی هست، و ورودی دوم مقدار جدید مورد نظر هست.

const numbers = [1, 2, 9999, 4]; 
 const result = numbers.with(2, 3); 
 console.log(result); // [1, 2, 3, 4]

5⃣متد groupBy
با استفاده از متد groupBy، می‌تونیم اعضای یک آرایه رو بر اساس یک ویژگی مشترک بین آن‌ها گروه‌بندی کنیم. نکته‌ای که درباره‌ی groupBy وجود داره اینه که بر خلاف متدهای بالا، این متد به صورت استاتیک در دسترس، و مستقیماً از شیء Object Global قابل دسترسی هست.

 const inventory = [ 
  { name: &quotasparagus&quot, type: &quotvegetables&quot, quantity: 5 }, 
  { name: &quotbananas&quot, type: &quotfruit&quot, quantity: 0 }, 
  { name: &quotgoat&quot, type: &quotmeat&quot, quantity: 23 },
]

function myCallback({ quantity }) { 
  return quantity > 5 ? &quotok&quot : &quotrestock&quot 
} 
 
const result2 = Object.groupBy(inventory, myCallback);

#javascript #es14
@CodeModule

Good Night 🌚✨

" سورس‌کد مثل لطیفه (جوک) می‌مونه؛ اگه مجبور به توضیحش شدید، بدونید که اصلاً خوب نوشته نشده. "


@CodeModule

لیستی از بهترین ربات های هوش مصنوعی، که میتونید باهاشون تعامل داشته باشید 🔥


🔵@littleb_gptBOT

🔵@gpt3_unlim_chatbot

🔵@JWGPT3_bot

🔵@gpt4bot

🔵@GPT4Telegrambot

🔵@GPT4Tbot

🔵@BuddyGPTBot

🔵@chista_ai_bot


#ai
@CodeModule

🐱 با GitHub Actions بیشتر آشنا بشید

🔵در واقع GitHub Actions یک پلتفرم برای یکپارچه سازی / تحویل مداوم (CI/CD) هست که به شما اجازه میده تا pipeline ساخت، تست و استقرار و خودکار کنید.
همچنین به شما این امکانو میده که کد دلخواه رو در یک مخزن مشخص در هنگام وقوع یک رویداد اجرا کنید. Action از بسته های کد در کانتینرهای Docker استفاده می کنه که روی سرورهای GitHub اجرا میشن.

همچنین اونا با تمام زبان های برنامه نویسی سازگار هستن تا اطمینان حاصل بشه که اونارو روی ابرهای عمومی و همچنین سرورهای محلی اجرا کنید. این بخشی از یک سری راهنمای گسترده در مورد CI/CD هست.


✅مزایای GitHub Actions

◀️انعطاف پذیری

◀️طیف گسترده ای از قالب های ci

◀️تست کانتینرهای متعدد

◀️طرح های رایگان جذاب

◀️نصب ساده

همچنین Github actions زمانی که CI تو پروژه باشه، به توسعه دهنده ها اجازه میده به صورت مستقل و با سرعت خودشون شروع به کار روی ویژگی های مختلف برنامه کنن بدون اینکه نیاز به هماهنگی داشته باشن.

برای یادگیری این ابزار میتونید به داکیومنتش مراجعه کنید😎


Document 🌕

#github #github_action #ci #cd
@CodeModule

الگوریتم یکی از دانش های پایه برنامه نویسی هست که هر دولوپر تو هر حوزه باید باهاش آشنا باشه 😎

توی این پست یک کتاب ترجمه شده به اسم Grokking Algorithms براتون قرار دادیم که الگوریتم و براتون مثل آب خوردن میکنه🔥


#book #algorithm
@CodeModule

Good Night 🌚✨

انسان به دنیا نیومده که قانع باشه
تا میتونی به دست بیار و لذت ببر


@CodeModule

5 کد ادیتور آنلاین و کاربردی ⚡️


🔴Replit.com

🔴Codepen.io

🔴Codesandbox.io

🔴Vscode.dev

🔴Stackbiltz.com


#code_editor
@CodeModule

این سایت کمک می‌کنه سریع تر کد بزنی! 💀

قطعا براتون پیش اومده که مجبور باشید یه سری استایل های پیور و به کلاس های tailwind ریفکتور کنید، اما حوصله و وقتشو ندارید.

با استفاده از این سایت، خیلی راحت میتونید کدهای خام css و به کلاس های tailwind تبدیل کنید 😎

🔵tailwind converter


#tools #tailwind
@CodeModule

آشنایی با Kubernetes و تفاوت آن با Docker 🐚

در واقع Kubernetes نوعی سیستم هست که وظیفه هماهنگ کردن برنامه‌های کاربردی و در حال اجرا روی کانتینر‌های مجازی بر عهده داره. Kubernetes اغلب “K8s”  نامیده میشه. K8s به‌منظور استقرار و مدیریت برنامه‌های ابری، از طریق زیرساخت‌ها و پلتفرم‌های ابر عمومی و بصورت خودکار، استفاده میشه.


⚡️وظایف kubernetes چیه ؟

انعطاف‌پذیر کردن برنامه‌ها، اختصاص فضای ذخیره‌سازی پایدار، مقیاس‌بندی خودکار و فعالیت مداوم برای حفظ وضعیت مطلوب نرم‌افزار‌ها از جمله وظایف مهم و کلیدی این سیستم یاد شده.


☯️ ویژگی‌های قابل توجه Kubernetes

◀️کشف سرویس و بالانس کردن بار

◀️سازماندهی Storage و فضای ذخیره‌سازی

◀️جمع‌کردن و گسترش دوباره داده‌ها

◀️بسته‌بندی خودکار

◀️ویژگی Self-healing

◀️مدیریت و پیکربندی مخفی


تفاوت Docker با Kubernetes چیه ؟

همونطور که توی پست های قبل توضیح دادیم، docker یک سکو و پلتفرم نرم‌افزاریه که به‌منظور ساخت و ایجاد برنامه‌های کاربردی کانتینری استفاده میشه. درحالی‌ که Kubernetes یا K8s وظیفه خودکار کردن ابزارهای مختلف و از جمله فرآیند اجرای برنامه‌های کانتینری و cloud native application ها رو که با استفاده از Docker ساخته شدن رو بر عهده داره.

😉بسیاری از سازمان‌ها و شرکت‌ها از هر دو سیستم یعنی Docker و Kubernetes به‌صورت همزمان استفاده می‌کنن.

در نهایت Kubernetes تاریخچه‌ای ۱۵ ساله داره و به لطف این پشتوانه و جامعه بزرگ توسعه‌دهنده هایی که اونو بهینه می‌کنن، تونسته که به یکی از موفق‌ترین نمونه‌ها در دنیا متن‌باز تبدیل بشه و انتظار میره در آینده هم شاهد افزایش و پیشرفت این ساز و کار کارآمد باشیم

برای یادگیری kubernetes میتونید به داکیومنتش مراجعه کنید.😎

Document 🌕

#kubernetes #containers #different #docker
@CodeModule