اگه برای تمرین و کدنویسی دنبال ui خاصی میگردید، این طرح فیگما رو به هیچ وجه از دست ندید 💀

🔗 Link

#figma
@CodeModule

این خیلی خوب بود 😂😂😂

#fun
@CodeModule

پیغام‌های زیبا با Sonner ☔️

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

‏Shadcn از این پکیج برای کامپوننت Toast خودش استفاده می‌کنه

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

🔗 Document

#sonner
@CodeModule

یه موردی خیلی توجهم رو جلب کرده.

توی لینکدین پست های زیادی میبینم که همکار های خانم به دنبال کار هستن و در کنار رزومه، عکسی از خودشون هم قرار میدن.

واقعا رسالت این کار چیه؟ /:

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

@CodeModule

سئوی قدرتمند در Next.js 🛠

سئو نقش بسیار مهمی در دیده شدن وب‌سایت و پروژه داره و شما به عنوان دولوپر، باید اطلاعاتی راجع به این موضوع داشته باشید. مقاله زیر نکته هایی برای سئوی بهتر در پروژه های نکستی جمع اوری کرده و یشنهاد میکنم، حتما مطالعش کنید.

🔗 Article

#seo #tips
@CodeModule

دیگه تویی که کل پروژه هات رو شاخ Ai میچرخه، نباید استوری بزاری و امروز رو به خودت بگیری😔

#fun
@CodeModule

بدرود با نوشتن دستی API ها و تایپ هاشون ☃️

پکیج Orval یک ابزار هوشمنده که از روی فایل OpenAPI یا Swagger (که بک‌اند دولوپر برات می‌فرسته)، به صورت خودکار ریکوست‌ها و تایپ‌ مدل ها و رسپانس هارو برای کار با API می‌سازه.

تو پروژه‌های بزرگ که تعداد APIها زیاده (مثلاً ۵۰ تا endpoint یا بیشتر)، نوشتن دستی اون همه ریکوست و تایپ خیلی وقت‌گیره و امکان بروز اشتباه و باگ هست.

این پکیج ساخته شده تا:

سرعت توسعه رو بالا ببره.

هماهنگی با بک‌اند رو حفظ کنه.

خطاهای تایپی و ارتباطی رو از بین ببره.

ویژگی و مزیت های Orval

🌪تولید خودکار کد API: از روی فایل OpenAPI (.yaml) یا (json.) Swagger، به‌صورت خودکار توابع ریکوست (GET, POST, …) می‌سازه.

🌪تولید تایپ های TypeScript: تایپ مدل‌های داده و رسپانس هارو کامل جنریت میکنه.

🌪هماهنگی کامل با بک‌اند: وقتی بک‌اند تغییر می‌کنه، فقط نیازه یک بار کامند Orval رو اجرا کنی تا همه‌چی آپدیت بشه.

🌪پشتیبانی از کتابخونه‌های مختلف: بر اساس نیازتون میتونه خروجی رو برای Axios، Fetch API، React Query، SWR و … تولید کنه.

🌪امکان Mock کردن API: بدون نیاز به سرور واقعی، پاسخ‌های فیک Mock می‌سازه.

🌪 ساختار تمیز و سازمان‌یافته کدها: خروجی‌ها منظم، خوانا و آماده استفاده در پروژه هستن.

🔗 Document

#orval
@CodeModule @CodeModuleGap

حالا مگه بک اند دولوپر زیر بار سواگر type safe میره؟😞

اگه برای تمرین و کدنویسی دنبال ui خاصی میگردید، این طرح فیگما رو به هیچ وجه از دست ندید 💀

🔗 Link

#figma
@CodeModule @CodeModuleGap

ترکیبی از مودال و منوی کشویی با Credenza 🐝

پکیج Credenza یک کامپوننت آماده به ما میده که ترکیبی از dialog و drawer هست، یعنی در سایز دسکتاپ، به صورت مودال معمولی باز میشه و در سایز موبایل، به شکل drawer (منو کشویی) نمایش داده میشه.

🔗 Document

#credenza
@CodeModule @CodeModuleGap

خیلی خوب بوددد 😂😂😂

#fun
@CodeModule @CodeModuleGap

با Nuqs بیشتر آشنا بشید 🕷

پکیج Nuqs یک کتابخونه‌ هست که برای مدیریت state از طریق query string در پروژه‌های Next.js طراحی شده.

به زبان ساده‌تر: با nuqs می‌تونی stateهایی مثل فیلترها، سرچ کاربر، پیجینیشن، یا هر متغیری رو که می‌خوای در URL نگه داری و خیلی راحت و type-safe مدیریت کنی. بدون اینکه خودت دستی با useSearchParams یا useRouter سر و کله بزنی.

قابلیت‌های مهم این پکیج

💥 پشتیبانی از انواع داده (string number, boolean, date, array و ...)

💥 سازگاری کامل با App Router

💥 سینک خودکار بین state و URL

💥 ساده‌تر از useSearchParams

خلاصه که اگه از دست useSearchParams و useRouter خسته شدی، پکیج Nuqs دقیقاً همونه که دنبالش بودی.

🔗 Document

#nuqs
@CodeModule @CodeModuleGap

با React Share بیشتر آشنا بشید ☃️

کتابخونه‌ی react-share یکی از کتابخونه‌های محبوب ریکته که برای اضافه‌کردن دکمه‌های اشتراک‌گذاری، در شبکه‌های اجتماعی مثل تلگرام، واتساپ، توییتر، لینکدین، فیسبوک و ... استفاده میشه.

ویژگی‌های کتابخانه React Share

⚡️ پشتیبانی از شبکه‌های اجتماعی مختلف

⚡️ آیکون‌های SVG با قابلیت شخصی‌سازی

⚡️ بسیار کم حجم و سریع


🔗 Document

#react_share
@CodeModule @CodeModuleGap

دوستان یه پول ریکوست بزنید بلکه روبیکا و بله هم اضافه بشه🙏

در کل به نظر من منطقی نیست یه دپندنسی برای چنین تسکی به پروژه اضافه کرد.

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

پست‌هایی که پیشنهاد میکنم از دست ندید ;-)

💎 چگونه تبدیل به یک فریلنسر موفق بشیم؟

💎 ۳۰ توصیه از یک برنامه‌نویس سنیور

💎 ایونت لوپ در جاوااسکریپت

💎 زمان کار آموزی به چه نکاتی توجه داشته باشیم؟

💎 ‏5 ماژول کاربردی Node.js

💎 5 دیزاین پترن مطرح Gof

#top
@CodeModule
@CodeModuleGap

با توجه به وضعیت فعلی، استفاده از ai های مرسوم و اصلی امکان پذیر نیست و یا به شدت دردسر داره.

توی این پست هوش مصنوعی‌ای بهتون معرفی میکنم که با نت ملی هم پاسخگوی شما هست ( ۲۱ روز اشتراک Pro به صورت رایگان بهتون میده)

🔗 Boof Ai

لطفا دوستانی که متصل هستن این ai رو به باقی افراد معرفی کنن تا کسی این روزا لنگ نمونه.

#ai
@CodeModule
@CodeModuleGap

درود بر یکایکتون، امیدوارم که حال همتون خوب باشه و همگی به زودی وصل بشید ❤️

چنل های زیر کانفیگ و پروکسی های خوبی قرار میدن.

@VaslShoir

@configpluse

@iRoProxy

@iMTProtoWebBot

@King_network7

@VpnMaan

@zotpo

@xsfilternet

https://news.1rj.ru/str/addlist/dIF8diqHoRRlZDM0

https://news.1rj.ru/str/addlist/MTiHFGCRsbwwZTJk

اگه شما هم چنلی می‌شناسید، لطفا کامنتش کنید اضافه‌اش میکنم.

سعی کنید اطرافیانتون رو متصل کنید.

با مغزهای ایدئولوژیک بحث نکنید!

تا حالا شده با کسی بحث کنید و بهترین، محکم‌ترین و غیرقابل‌انکارترین اسناد و مدارک دنیا را جلویش بگذارید، اما او فقط پوزخند بزند یا عصبانی‌تر شود؟ حس می‌کنید دارید با دیوار حرف می‌زنید؟

خبر بد این است: واقعاً دارید با دیوار حرف می‌زنید.

مشکل از قدرت استدلال شما نیست؛ مشکل از "سیستم‌عامل" طرف مقابل است. وقتی با یک مغز شدیداً ایدئولوژیک (چه سیاسی، چه مذهبی، چه اجتماعی) روبرو هستید، شما با یک "انسان منطقی" طرف نیستید؛ شما با یک مکانیسم دفاعی بیولوژیک طرفید که برای "نفهمیدن" طراحی شده است.

ما دوست داریم فکر کنیم که آدم‌ها اول فکر می‌کنند، بعد تصمیم می‌گیرند. اما تحقیقات جاناتان هایت (Jonathan Haidt) در کتاب شاهکارش "ذهن درست‌کار" نشان می‌دهد که ماجرا کاملاً برعکس است.
مغز انسان مثل یک فیل (احساسات و ناخودآگاه) و یک سوارکار (منطق) است.

* فیل: تصمیم می‌گیرد به کدام سمت برود (بر اساس تربیت، قبیله، و ایدئولوژی).

* سوارکار (منطق): هیچ کنترلی روی فیل ندارد! کار سوارکار فقط این است که رفتار فیل را توجیه کند.

وقتی شما با یک آدم ایدئولوژیک بحث می‌کنید، دارید با "سوارکار" حرف می‌زنید، در حالی که "فیل" مدت‌هاست تصمیمش را گرفته. آن شخص دنبال حقیقت نیست؛ مغزش فقط استخدام شده تا ثابت کند چرا باور غلطش، درست است.

اسکن‌های مغزی (Neuroscience) نشان می‌دهند که وقتی عقاید بنیادین یک فرد متعصب را به چالش می‌کشید، بخش منطقی مغز او (Prefrontal Cortex) روشن نمی‌شود.
به جای آن، آمیگدال (Amygdala) روشن می‌شود. آمیگدال مسئول چیست؟ ترس و پاسخ به تهدید فیزیکی.
یعنی وقتی شما می‌گویید: «این آمار اشتباه است»، مغز او می‌شنود: «یک خرس وحشی دارد به تو حمله می‌کند!»
در این حالت، سیستم منطقی مغز "شات‌دان" می‌شود تا انرژی را برای دفاع و حمله ذخیره کند. شما نمی‌توانید به کسی که مغزش در حالت "جنگ و گریز" است، ریاضیات یاد بدهید.

تحقیقات نشان داده وقتی شما سندی ارائه می‌دهید که باور غلط یک فرد ایدئولوژیک را کاملاً رد می‌کند، او نه تنها قانع نمی‌شود، بلکه ایمانش به آن دروغ بیشتر می‌شود!
چرا؟ چون مغز برای محافظت از "هویت" خودش، دیوارهای دفاعی را ضخیم‌تر می‌کند. هر فکت جدیدی که شما می‌آورید، مثل یک ویروس شناخته می‌شود و سیستم ایمنیِ ذهنیِ او، پادتن‌های قوی‌تری (تعصب بیشتر) تولید می‌کند.
پس عملاً بحث کردن شما، او را احمق‌تر و دگم‌تر می‌کند.

برای مغز ایدئولوژیک، "درست بودن" اولویت نیست؛ "عضو گروه بودن" اولویت است. انسان‌ها به صورت تکاملی یاد گرفته‌اند که اگر از قبیله طرد شوند، می‌میرند.
پذیرفتن حرف منطقی شما برای آن فرد هزینه دارد: او باید اعتراف کند که قبیله‌اش (حزبش، گروهش، هم‌فکرانش) اشتباه کرده‌اند. این یعنی خطر طرد شدن.
مغز او ترجیح می‌دهد "احمق اما محبوب در گروهش" باقی بماند تا "دانا اما تنها".

واقعیت تلخ این است:
تغییر دادن یک مغز ایدئولوژیک با "بحث کردن"، مثل تلاش برای نصب یک نرم‌افزار پیشرفته روی یک فلاپی دیسک قدیمی است. ظرفیت و ساختار آن سیستم، پذیرای دیتای جدید نیست.

راه‌حل چیست؟
۱. انرژی‌تان را سیو کنید. بحث نکنید. مشاهده کنید و رد شوید.
۲. به جای حمله به منطق، احساس امنیت بدهید. (اگر واقعاً مجبورید تغییرشان دهید)؛ تا وقتی آمیگدال مغزشان آرام نشود، هیچ منطقی وارد نمی‌شود.
۳. بپذیرید که برخی باگ‌ها، فیچر (Feature) آن سیستم هستند. آن‌ها دنیا را از یک "تونل واقعیت" متفاوت می‌بینند که ورودی‌هایش فیلتر شده است.