💎 تفاوت پراپرتی 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

#طنز

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

معرفی کتاب «درک الگوریتم؛ راهنمای تصویری برای برنامه‌نو یس‌ها و افراد کنجکاو»

در معرفی کتاب قبلی، کتاب الگوریتم چهار استاد رو معرفی کردم و آخرش هم گفتم که اون خیلی ریاضی است و نسبتا سخت برای خوندن و اگر کسی می‌خواد به شکل عمومی در مورد الگوریتم‌ها بهتر بشه، یک گزینه خیلی ساده‌تر و شاید عملی‌تر هست؛ حالا وقتشه که اون گزینه رو معرفی کنم: کتاب درک الگوریتم مصور از آدیتیا بهارگاوا با ترجمه مهران افشارنادری.

این کتاب با اسم کامل «درک الگوریتم، راهنمای تصو یری برای برنامه نو یس‌ها و افراد کنجکاو»‌ چیزی است که اگر یکی بگه «می خوام الگوریتم بخونم» من بهش پیشنهاد می‌کنم. عکس های کیوت و بامزه و بی مزه و دارای فصل بندی خوب و توضیحات مناسب و نمونه سوال بدون وارد شدن به جزییات خیلی ریز ریاضی‌وار.

و خبر خوب؟ کتاب رو مهران ترجمه کرده و برای دانلود رایگان در اختیار ما گذاشته. می تونین از کانال jadivarlog در تلگرام بگیرینش (:

https://youtu.be/p21OlSQIRZk