💎ارسال کاراکتر های رزرو شده به عنوان Query String

💭 همانطور که میدانید کاراکتر های زیر در Query String ها رزرو شده اند

# $ & + , / : ; = ? @ [ ]


یعنی اگر هم بخواهید از آن ها استفاده کنید، برای Endpoint ها معنی خاصی میدهند.
اما اگر من بخواهم این کاراکتر ها جزئی از اطلاعاتی باشه که به Endpoint میفرستم باید چیکار کنم؟ 🧐

💡برای این منظور ابتدا باید آن ها را با استفاده از تابع encodeURIComponent انکود کنید سپس به انپوینت بفرستید.

🌐 @pieceJS

💎 معماری لوس کاپلینگ Loose Coupling

💭 نوعی معماری توسعه پروژه است که در آن تلاش میشود تا حدامکان اجزای پروژه از یکدیگر مستقل طراحی شوند.
یکی از دلایل استفاده از این معماری، ایجاد تغییر بدون ریسک در قسمت های مختلف پروژه هست و همچنین اگر فردا روزی در یکی از بخش ها باگی ایجاد شد، سایر بخش ها را تحت تاثیر خودش قرار ندهد.


🌐 @pieceJS

سلام به همه ی دوستان امیدوارم حالتون خوب باشه
دوستان توی کتابفروشیمون به مناسبت شب یلدا 20 درصد تخفیف برای همه ی کتاب های تخصصی درنظر گرفتیم.
یسری رو اینجا فوروارد میکنم اما برای دیدن مشخصات کامل کتاب ها، حتما به کانالمون سر بزنین. ^ ^❤️
@itbook_pub
اگر کتاب مدنظرتون رو هم توی کانال پیدا نکردین، اسمش رو برام بفرستید: @MRVJ475

مجموعه کتاب های پایتون، هک و امنیت و سیستم عامل
با تخفیف ۲۰ درصدی ویژه ی شب یلدا

📦 برای ثبت سفارش: @MRVJ475

~کتاب فروشی آی تی هلو:
📖 @ItBook_pub

سری کتاب های Headfirst و مجموعه کتاب های رابرت سی مارتین
با تخفیف ۲۰ درصدی ویژه ی شب یلدا

📦 برای ثبت سفارش: @MRVJ475

~کتاب فروشی آی تی هلو:
📖 @ItBook_pub

مجموعه کتاب های React, typescript, javascript
+
مجموعه ی شش جلدی you dont know js
با تخفیف ۲۰ درصدی ویژه شب یلدا

📦 برای ثبت سفارش: @MRVJ475

~کتاب فروشی آی تی هلو:
📖 @ItBook_pub

💎 تفاوت پراپرتی reducers و extraReducers در Redux Toolkit

💭 یکی از ویژگی های فوق العاده کتابخانه ریداکس تولکیت، Slice هست که اگر از ریداکس استفاده میکنید حتماً از کراماتش بهره مند شدید. 😅
احتمالا شما هم به دوپراپرتی reducers و extraReducers در هنگام ایجاد Slice توسط createSlice برخوردید و شاید سوال پیش اومده باشه که کی از کدوم استفاده کنیم؟! 🤨
یه قاعده کلی داره این موضوع 💡
اما قبلش توضیح بدم که اصلا این دو پراپرتی چیکار میکنند.

🔶 پراپرتی reducers به صورت خودکار اکشن ایجاد میکنه همچنین خودش میتونه پاسخ اون اکشن رو میده اما extraReducers اکشن ایجاد نمیکنه و فقط پاسخ به اکشن رو میده.

✅ اون قاعده ای که بهتون گفتم دقیقا اینجاست که زمانی که اکشن شما جداگانه جای دیگه تعریف کرده باشید باید از extraReducers استفاده کنید و هرگاه اکشن رو درون خود Slice بخواید تعریف کنید باید از reducers استفاده کنید.

💬 یکی از مثال های رایج برای extraReducers، استفاده از آن جهت پاسخ به اکشن های ساخته شده توسط ای پی آی createAsyncThunk است.

🌐 @pieceJS

💎 جلوگیری از اضافه شدن پراپرتی جدید به یک آبجکت

💭 جهت جلوگیری از اضافه شدن پراپرتی جدید به یک آبجکت از متد preventExtentions و جهت بررسی تغییر پذیر بودن یک آبجکت نیز از متد isExtensible استفاده می‌کنیم

نمونه مثال:

'use strict';

var obj = {};
obj.x = 'foo'; // add property first and only then prevent extensions

Object.preventExtensions(obj);

#object
🌐 @pieceJS
❣️ Buy me a coffee

💎 تفاوت findIndex و indexOf

indexOf :
متدیست که شما را قادر به جستجو در آرایه میسازد به طوری که اولین عنصری که مطابق بود با عنصر مورد نظر شما، شماره ایندکس ان را برمیگرداند.
مثال:

const fruits = ['apple', 'banana', 'orange', 'banana'];
console.log(fruits.indexOf('banana')); // Output: 1
console.log(fruits.indexOf('kiwi'));   // Output: -1

این متد در رشته ها هم کاربرد دارد مثلاً میتونید یه کلمه رو درون یک عبارت جستجو کنید.
findIndex :
این متد نیز همانند indexOf عمل می کند با این تفاوت که High order function است و میتونید جستجو رو بر اساس شرایطی خاص انجام دهید. مثلاً آرایه ای دارید از آبجکت ها و میخواهید سرچ کنید ایندکس آبجکتی رو برام پیدا کن که فلان پراپرتیش برابر فلان باشد.
مثال:

const persons = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 30 },
  { name: 'Charlie', age: 35 }
];
const index = persons.findIndex(person => person.age === 30);
console.log(index);  // Output: 1

🌐 @pieceJS
❣️ Buy me a coffee

#مثبت_برنامه_نویس
یه مقایسه ی خیلی باحال از مسیریابی A* و الگوریتم Dijkstra

همونطور که میبینید تو این مقایسه:
- دایکسترا سرعت کمتر داره اما تضمین میکنه که سریعترین راه ممکن رو پیدا میکنه
- الگوریتم A* خیلی خیلی سریعتره اما تضمینی در پیدا کردن کوتاه ترین راه نیست
@PieceJava

#طنز

وقتی به فرانت کار ها میگن شما که برنامه نویس نیستید 😅