🆓2️⃣3️⃣4️⃣5️⃣6️⃣

#Fact
درود و عرض ادب دوستان امیدوارم که حالتون خوب باشه😇
احتمالا مابین کتاب های اوریلی سری In a Nutshell , Learning, Cookbook خورده باشید.

◀️ سری کتاب های In a Nutshell:
اصطلاح In a Nutshell در واقع اشاره به یک چیز خلاصه و مختصر داره. در حالت کلی سری کتاب های In a nutshell عموما برای کسی مناسبه که از پیش تجربه ای در زبان یا تخصص مدنظر داشته باشه و قصد مطالعه ی سریع و مختصر مفاهیم و مباحث داشته باشه. توی این سری کتاب ها موضوعات مهم اغلب بطور خلاصه اورده شده تا بتونید در کمترین زمان ممکن مبحث موردنظر رو مطالعه کنید.

◀️ سری کتاب های Cookbook:
این سری کتابها به شیوه ای نوشته شده که شمارو در حل یکسری مسائل خاص همراهی کنه. در واقع مسائل مختلف همه دسته بندی شده قرار گرفته و هر کدوم شامل «مسئله، راه حل و مفهوم» میشه. به عبارتی موضوع این سری یکجورایی پاسخ به سوال " بهترین راه حل برای مسئله ی X در زبان Y چی میتونه باشه؟" هستش.
*️⃣ پیشنهاد میکنم تو هر حرفه و تخصصی که هستید، یکی از سری کتاب های Cookbook رو کنار دستتون داشته باشید. مثلا برای خود من Java Cookbook میشه :)

◀️ سری کتاب های Learning:
اما اگه میخواید از صفر یکچیزی رو شروع کنید تا یک حد مناسبی پیشروی داشته باشید، پیشنهاد میشه سری کتاب های Learning اوریلی رو تهیه کنید.

~ کتاب فروشی آی تی هلو
4️⃣ @ITBook_pub

📁 حذف دیتای های تکراری درون یک Array

فرض کنید آرایه ای دارید دارای مقادیر [4,5,6,9,4,6,4,3] و قصد دارید مقادیر تکراری آن حذف شود در این صورت میتونید از تکه کد زیر استفاده کنید:

let Arr = [4 ,5, 6, 9, 4, 6, 4, 3];
 
let outputArray = [];
 
function removeDuplicates (arr) {
    let outputArray = Array.from(new Set(arr))
    return outputArray
}
 
console.log(removeusingSet(Arr));

}

#آرایه

🟨 @pieceJS

📁 تکنیکی مهم از جنس ریکت

تو ریکت میتونید زمانی که از useState استفاده می کنید میتوانید از تابع به عنوان مقدار اولیه stateتان استفاده کنید. مانند زیر :

  const [id, setId] = useState(() => heavyCalculation());

این باعث میشه که در همان زمان اولیه بدون رندر مجدد، stateتان مقدار دهی بشه مخصوصاً زمانی که قرار هست پس از پردازشی سنگین این مقدار دهی انجام بگیره.

🟨 @pieceJS

📁 حذف ایمپورت های استفاده نشده در VS Code

💡 با استفاده از شورت‌کی Alt + Shift + O میتونید ایمپورت های استفاده نشده در کدتون رو شناسایی و خودکار حذف کنید.

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

🟨@pieceJS

📁 رجکس مربوط به شماره تلفن های ایرانی

💡 انواع رجکس های مربوط به شماره تلفن های ایرانی تو حالت های مختلف رو جناب امیرمهدی جبرئیلی زحمتشو کشیدن تو گیت هابشون قرار دادند.
برای استفاده به ادرس زیر مراجعه کنید:

صحت سنجی شماره تلفن های ایرانی با رجکس

#regex

🟨 @pieceJS

📁 نکته ای از جنس نوع داده

const str = "PieceJS"
console.log(str instanceof String)
 //output: false

همه میدونیم متغیر str از نوع string است با این وجود مقدار لاگ ما false خواهد بود چرا که str جز متغیر های Primitive Type هست و instanceof تنها میتونه متغیر های Refrence Type رو بررسی کنه.

const str = new String("PieceJS");
console.log(str instanceof String)
 //output: true

در مثال بالا چون str از کلاس String ارث بری کرده لذا Object محسوب میشه و از متغیر های رفرنس تاپ است در نتیجه خروجی لاگ بالا true خواهد بود

#نوع_داده #جاوا_اسکریپت #js

🟨@pieceJS

وقتی فکرت رو core اصلی پروژست اما غافل از اینکه چند ساعت از وقتت رو API مربوط به ثبت نام یوزر گرفته میشه!
فردا میخوام از یکی از عجایب جاوا اسکریپت رو نمایی کنم
اما قبلش نیازه مقداری روش مطالعه کنم 🤩
#welcome_to_javascript_world

📁 خلاصه ای از جذابیت های متد test

شاید باورتون نشه اما همین ویدئوی 10 دقیقه ای باگ یه روز کاملم بوده!

پ.ن: پیشاپیش بابت گرفتگی صدا معذرت میخوام نزدیک به 24 ساعتیه نخوابیدم خیلی برام مهم بود ویدئوئه حتماً ضبط کنم براتون بذارم

#javascript
#video

🟨 @pieceJS

Buy me a coffee 😀

📁مقایسه کوچک بین دو هوک useRef و useState

از هر دو هوک useRef و useState برای ذخیره کردن یک مقدار و استفاده از اون ها در موقعیت های لازم استفاده میشه.

⬆️ از useState برای مدیریت استیت استفاده میشه و به گونه ای طراحی شده که با هر بار آپدیت، UI پروژه مجدداً ری رندر شود

⬆️ از useRef برای دستکاری و تعامل مستقیم با DOM استفاده میشه ماننده دسترسی به مقادیر input ها یا فوکوس خودکار بر روی المنت ها.
و نکته مهم اینه که این هوک، با هر بار بروزرسانی، موجب re-render شدن UI نمیشه.

#hook


🟨 @pieceJS

Buy me a coffee 😀

📁 لینوکس استفاده کنم یا ویندوز؟

سوالیه که زیاد پرسیده میشه! حقیقتاً دو پاسخ وجود داره برای این سوال.

⬆️ پاسخ اول:
اگر از جو رسانه بخواهید جواب بگیرید، میتونم بگم در صورتی که برنامه نویسید و به مک دسترسی ندارید حتماً از لینوکس استفاده کنید حتی اگر برای یه دستور ساده بخواید نیم ساعت فقط سرچ بزنید چون در غیر این صورت ممکنه به چشم یه جونیور، تازه کار، مفلوک یا هر چیزی که اسمش رو میزارید بهتون نگاه کنند

⬆️ پاسخ دوم:
یه مقدار از پاسخ اول ساده تره، با هر کدوم که راحت ترید کار کنید وقت برای حاشیه ها نزارید رو کد زدنتون تمرکز کنید
#rest_time


🟨 @pieceJS

Buy me a coffee 😀

2️⃣ آیا هوش مصنوعی جای برنامه نویس ها رو میگیره؟

سوال رایجی که تقریباً همه جا دارن در موردش صحبت میکنند اینه که آیا هوش مصنوعی میتونه جای برنامه نویس ها یا از این دست پوزیشن های شغلی رو بگیره؟
در یه کلام اینکه هوش مصنوعی تکنولوژی ای غیر قابل انکار هست و نباید نادید‌ه اش گرفت.
و یه قاعده کلی وجود داره، آن هم این هست که هر کسی که تلاش نکنه رشد کنه محکوم به فناست حالا یا هوش مصنوعی جاشو میگیره یا یه برنامه نویس دیگه.

#rest_time

🟨 @pieceJS

Buy me a coffee 😀

📁 استفاده از ریداکس تولکیت در نکست جی اس

همانطور که میدانید Next.js قابلیت طراحی سایت را به صورت SSR و CSR رو در اختیار شما قرار میده و فارغ از بحث های سئویی، از نظر توسعه، زمانی که وبسایت رو به صورت SSR طراحی می کنید دیگر اجازه استفاده از هوک ها رو در کد هاتون ندارید وگرنه یه ارور خوشگل و البته اعصاب خورد کن رو ملاقات میکنید 🤯

جهت دریافت و آپدیت store در سیستم SSR به صورت زیر هست:

دریافت دیتا 
let store = store.getState()
بروزرسانی دیتا  
store.dispatch(reducer)

همچنین جهت دریافت و آپدیت store در سیستم CSR به صورت زیر هست:

دریافت دیتا 
let store = store.useSelector(state=> state.stateName)
بروزرسانی دیتا  
let dispatch = useDispath()
dispatch(reducer)

#next #redux_toolkit #redux


🟨 @pieceJS

Buy me a coffee 😀

🖋 اصطلاح Hypervisor یعنی چه؟

به دسته نرم افزار هایی که به شما کمک میکند بتوانید چند ماشین مجازی ساز نصب کنید هایپروایزور میگویند

از محبوبترین این نرم افزار ها میشه به VMware و VirtualBox اشاره کرد

#دیکشنری


🟨 @pieceJS

Buy me a coffee 😀

🔤 فونتش چیه؟

حتماً پیش اومده رفتید تو یه سایتی و از فونتش خوشتون اومده باشه با استفاده از وبسایت Font of Web می تونید فونت های هر وبسایتی رو شناسایی و دانلود کنید.

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


🟨 @pieceJS

Buy me a coffee 😀

📁 بذار من برات گوگل کنم

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

⬅️برای استفاده کلیک کنید

⬆️ برای مشاهده نمونه کلیک کنید

✅ پ.ن: کاری از جادی.

#معرفی_وبسایت
🟨 @pieceJS
Buy me a coffee 😀