💎 ارور replaceAll is not a function !!!

با اینکه بیش از 1 سال است از آپدیت ES2021 میگذره اما هنوز برخی از همکاران به این ارور برخورد می کنند و دلیل آن هم عدم پشتیبانی بعضی از ورژن های یسری از مروگر ها از ES2021 یا حداقل عدم پشتیبانی کامل آن ها از آپدیت ES2021 است

🔸 به منظور حل این مشکل می تونید همچنان از متد String.prototype.replace استفاده کنید و از آنجایی که این متد فقط یک بار replace انجام میده (در واقع کل محتوا رو replace نمی کنه) میتونید از regex برای حل این مسئله استفاده کنید.

#جاوا_اسکریپت #رجکس #ES2021

🌐 @pieceJS

سلام و شب بخیر
دوستان گلم معذرت میخوام مدتی درگیر پروژه ای بودیم (که بهتون میگم داستانشو) و به شخصه نتونستم کانال رو زیاد بروز کنم 🥹
سعی میکنم با این خبر یخورده کم کاریمو توجیه کنم 😁🥲

خبر هم اینکه خط چاپ کتاب های زبان اصلی رو راه انداختیم 😍

از امروز هر کتاب زبان اصلی ای که خواستید رو میتونیم براتون چاپ کنیم نمونه چاپ ها هم در ادامه میزارم که کیفیت چاپ رو ببینید 😉
قیمت هامون بسیار پایین در عوضش کیفیت کار واقعاً عالیه. 😍👌🏻
💡 برای ثبت سفارش، اسم کتاب مدنظرتون رو برامون پی وی کنید:
@MRVJ475

نکته مهم دیگه اینکه هیچ محدودیتی نداریم حتی اگر یک جلد بخواید سفارش بدید

#ارسالی_مشتری 😍

💡 برای ثبت سفارش، اسم کتاب مدنظرتون رو برامون پی وی کنید:
@MRVJ475

#نمونه_چاپ

🔶 اینم فیلمی از نمونه کاری که دیروز زدیم
مجموعه کتاب های CEH و چند تا کتاب تخصصی دیگه با چاپ رنگی 😍

💡 برای ثبت سفارش، اسم کتاب مدنظرتون رو برامون پی وی کنید:
@MRVJ475

💎 خطای رایج در استفاده از ORM مانگوس

اگر شما هم مثل من نصف روز رو داشتید خطای زیر رو برطرف میکردید
Operation `User.find()` buffering timed out after 10000ms

بدونید دچار یک خطای لپی شدید 😅 و یادتون رفته دستور کانکت تو دیتابیس رو اجرا کنید 🥲

#mongoose #mongodb

🌐 @pieceJS

💎 معرفی وبسایت Placeholder

اگر در حال طراحی یه صفحه HTML هستید و در بخش های مختلف آن نیاز به عکس دارید میتونید علل الحساب از وبسایت placeholder.com این تصاویر رو به صورت Placeholder قرار بدید تا اینکه بعداً عکس مناسب اون بخش رو پیدا و جایگذاری کنید. 😃

💡 یه ویژگی بی نظیری که این وبسایت داره شما میتونید هر Placeholderای رو با هر سایزی که میخواید تولید و استفاده کنید و نحوه استفاده‌ش به صورت زیر هست:
https://via.placeholder.com/500x600

در آدرس بالا جای 500x600 هر سایزی رو که بنویسید تصویری در همان سایز براتون تولید میکنه. معرکست... نیست؟ 🥲

💭 پ.ن: اگر بجای 500x600 فقط یک عدد بنویسید مثلاً بنویسید 200، این فرض گرفته میشه که شما یه عکس 200 در 200 میخواستید.

#مثبت_برنامه_نویس #معرفی_سایت

🌐 @pieceJS

#نمونه_چاپ

و اینم سه تا از کتابای امروزمون 😍
💡 برای ثبت سفارش، اسم کتاب مدنظرتون رو برامون پی وی کنید:
@MRVJ475

پ.ن: وسوسه شدم Advanced React رو برای خودمم بزنم 😁🥲

#نمونه_چاپ

🔶 و اینم فیلم دو سه تا از کتاب های دیروز که عکسشون هم پیش از این گذاشتم کانال 😍

💡 برای ثبت سفارش، اسم کتاب مدنظرتون رو برامون پی وی کنید:
@MRVJ475

#معرفی_کتاب
#دیزاین_پترن
#برنامه_نویسی
احتمالا تا الان چند باری اصطلاح دیزاین پترن به گوشتون خورده باشه. همونطور که میدونید دیزاین پترن ها مجموعه ای از الگو ها و تکنیک های توسعه ان که برای حل یکسری مسائل رایج در طراحی نرم افزار به کار گرفته میشن.
اما یکی از بهترین کتاب هایی که در یادگیری الگو های طراحی بشدت میتونه موثر باشه کتاب Dive Into DESIGN PATTERNS هستش.
توی کتاب 22 تا از معروف ترین الگو های طراحی بررسی شده + 8 اصل مهم که الگو ها بر پایه ی اونها نوشته شدن.
وجه تمایزش هم با مابقی کتاب ها، شیوه ی آموزشش هست. به اینصورت که برای هر الگوی طراحی چندین مورد بررسی شده:

کجا مشکل به وجود میاد؟
الگوی راه حل چیه؟
ساختار الگو به چه صورته؟
چه زمانی از الگو استفاد کنیم؟
توی دنیای حقیقی مشکل به چه صورت ظاهر میشه؟
مزایا و معایب استفاده از این الگو...

⭕️ قیمت توی مارکت ها مابین 250 تا 300
✅ ولی با 190ت میتونین ازمون دریافت کنین😍
برای سفارش: @MRVJ475

💎 معرفی ریپازیتوری ای حاوی الگوریتم های معرکه

#معرفی_سایت
#پیشنهاد

بازم یه ریپازیتوری خیییلی کاربردی که اکثر الگوریتم های معروف رو به زبون های مختلف بازنویسی کردن( الی الخصوص جاوا / جاوا اسکریپت / سی و... ). پیشنهاد میکنم حتما بهش سر بزنین :) هر الگوریتمی بخواین اینجا هست

🔗 لینک



🌐 @pieceJS

💎 لودینگ Skeleton چیست؟

صفحه یا لودینگ اسکلتون یک نوع placeholderای میباشد که قبل از بارگذاری محتوا میتوان به یوزر نمایش داد در واقع قبل از لود کامل صفحه، یوزر میتواند شمایلی از چیدمان محتوا و تصاویر درون صفحه در قالب یک لودینگ مشاهده کند.
💡 به نظر بنده یکی از مهمترین مزایایی که این لودینگ دارد آن است که احساس مثبتی از فرایند لود صفحه به یوزر منتقل میکند.

🔶 از پکیج های رایج این نوع لودینگ react-content-loader و react-loading-skeleton میشه نام برد 😉

#معرفی #لودینگ #اسکلتون

🌐 @pieceJS

💎ساخت Skeleton سفارشی با ابزار آنلاین

اگر برای ایجاد لودینگ Skeleton از پکیج react-content-loader استفاده می کنید پیشنهاد میکنم برای ایجاد اسکلتون سفارشی از ابزار آنلاین زیر استفاده کنید و اون لودینگتون رو با نقاشی ایجاد کنید

برای استفاده از این ابزار کلیک کنید...

💬 پ.ن: احتمال زیاد برای استفاده از این ابزار نیاز به قند شکن دارید 🥲

#معرفی #لودینگ #اسکلتون

🌐 @pieceJS

💎روش های کپی آرایه به صورت DeepCopy

💬 فرض کنید آرایه ای به نام myArray حاوی مقادیر معمولی دارید (مقادیر معمولی یعنی اعداد، حروف و غیره) و میخواهید از آن کلون بگیرید. دادن یک آرایه به صورت مستقیم به آرایه دیگه، باعث رخ دادن Shallow Copy میشه و خانه های هر دو آرایه دارای یک آدرس یکسان در حافظه خواهند بود و با تغییر هر کدام از این دو آرایه، آرایه دیگه هم تغییر میکنه. 🤯

💡 برای همین، شما میتوانید با استفاده از یکی از روش های زیر از آن کلون بگیرید

[ ...myArray ]
 myArray.splice(0)
myArray.slice()
myArray.concat() 

#آرایه #دیپ_کپی
🌐 @pieceJS

💎ارسال کاراکتر های رزرو شده به عنوان 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