کدهالیک | codehalic

اگر مثل من عاشق استفاده از چارت ها و نمودار های خوشکل توی اپ هات هستی، این چیزی که معرفی میکنم واقعا تو یک level دیگه است/ یک ساعت از وقتم رو گرفت که فقط ایده بگیرم کدوم رو کجا تو چه پروژه ای اپدیت کنیم خب MONO CHARTS بهت نمودارهای متحرک و متن‌بازِ React میده، و فقط با یه دستور نصبش می‌کنی. https://amicro.vercel.app/mono-charts MAHDI S. Homeyli ✍️ @codehalics | کدهالیک

بیا تا مشکل دیزاین رو تو وب اپ و وبسایت هایی که با ai تولید میکنی رو حل کنم! اگر نتیجه فرانت اند های که با Ai Agent ها میزنی چنگی به دل نمیزنه دلیلش این هست که فرانت‌اند به ذوق و سلیقه نیاز داره تا شبیه یه کار شلخته نشه،خود من کل عمرم SE و Developer بودم، اون هم از نوع backend بی‌ذوقش! ولی ui بیشتر هنرمند میخوام نه مهندسی! راه‌حلی که پیدا کردم: جمع‌آوری ایده و ماژول از کارهای بقیه، و ساختن یه لگو از کامپوننت‌ها منابعی که می‌تونی به ایجنت‌هات بدی: - https://beautifului.dev - https://beui.dev - https://rareui.com - https://transitions.dev - https://ui.shadcn.com خودم شخصا عاشق http://beautifului.dev شدم وقتی کد کامپوننت‌ها دست ایجنت باشه، ویرایششون خیلی راحته لینک رو می‌فرستی، ایجنتت کل لیست کامپوننت‌ها رو می‌گیره، بعد ازش می‌خوای بهترین راه رو برای یکپارچه کردنشون توی فرانت‌اندت پیدا کنه ساده‌ترین راهی که پیدا کردم برای اینکه UI/UX رو خیلی بهتر کنی بدون اینکه یه طراح خفن باشی پیشنهادم هم این هست که این کار رو اول توی Claude desgin انجام بدی یا توی claude code از /desgin استفاده کنی که باعث میشه یک محیط دیزاین هم دراختیارت بزاره. MAHDI S. Homeyli ✍️ @codehalics | کدهالیک

پکیج MoneyPrinterTurbo یه ابزار متن‌باز باحاله که با هوش مصنوعی برات ویدیو کوتاه می‌سازه و تمام مراحل تولید محتوا رو خودش ردیف می‌کنه. فقط کافیه یه موضوع یا کلمه کلیدی بهش بدی تا داستان و سناریو رو بنویسه، تصویر و ویدیوی مناسب پیدا کنه، رویش صدا و زیرنویس بذاره و موزیک زمینه‌شو تنظیم کنه. آخر سر هم یه ویدیوی آماده و باکیفیت تحویلت میده؛ تازه پنل وب، API و محیط متنی هم داره که هرجور راحتی باهاش کار کنی. https://github.com/harry0703/MoneyPrinterTurbo @codehalics | کدهالیک

اگر به دنبال ساخت دموهای حرفه‌ای از پروژه‌هاتون هستید و خروجی‌های جذاب و سینمایی ابزارهای پولی مثل اسکرین استودیو رو دوست دارید، حتما یه نگاه به Openvid بیندازید. این ابزار یه ویرایشگر ویدیوی اوپن سورس فوق‌العاده است که بدون نیاز به هیچ نصبی مستقیما روی مرورگر اجرا میشه و با استفاده از تکنولوژی‌هایی مثل واسم و تری‌جی‌اس بهتون اجازه میده حرکات دوربین سه‌بعدی، زوم‌های نرم و افکت‌های بلر رو روی ویدیوها اعمال کنید. یکی از قابلیت‌های خیلی کاربردیش اینه که می‌تونید رکوردهاتون رو داخل فریم مرورگرهایی مثل کروم، سافاری یا آرک قرار بدید و در نهایت یک خروجی باکیفیت تا رزولوشن 4K یا فرمت بدون پس‌زمینه به صورت کاملا لوکال بگیرید که برای پرزنت کردن محصولات نرم‌افزاری و تولید محتوا واقعا ابزار بی‌نظیریه. https://github.com/CristianOlivera1/openvid @codehalics | کدهالیک

حتما برای شما هم پیش اومده که موقع کدنویسی، دیباگ کردن یا تحقیق ده‌ها تب رو همزمان باز نگه می‌دارید و رم سیستم حسابی درگیر میشه. این افزونه با یک کلیک تمام تب‌های باز شما رو می‌بنده و لینک همه اون‌ها رو به صورت یک لیست مرتب توی یک صفحه جدید ذخیره می‌کنه که طبق گفته سازنده‌هاش می‌تونه تا نود و پنج درصد مصرف حافظه مرورگر رو کاهش بده. بعدا هر زمان که به اون صفحات نیاز داشتید می‌تونید به راحتی تکی یا یکجا دوباره بازشون کنید و حتی لیست لینک‌ها رو برای استفاده‌های بعدی خروجی بگیرید که برای مرتب نگه داشتن محیط کار و تمرکز بیشتر واقعا ابزار مفیدی محسوب میشه. https://chromewebstore.google.com/detail/onetab/chphlpgkkbolifaimnlloiipkdnihall?hl=de @codehalics | کدهالیک

یه منبع خیلی عالی برای کامپوننت‌های آماده Three.js و شیدرهای تعاملی دیدم که برای ارتقای بصری پروژه‌های وب واقعا بی‌نظیره و استفاده ازش می‌تونه حسابی به کارتون بیاد. این سایت یه مجموعه‌ی عظیم از کدهای آماده برای بک‌گراندهای سه‌بعدی، دکمه‌های متحرک، انیمیشن‌های متنی و حتی تمپلیت‌های کامل لندینگ پیج داره که می‌تونید خیلی راحت اون‌ها رو کپی کنید و مستقیم توی پروژه‌هاتون به کار ببرید. چه بخواهید برای طراحی رابط کاربری ایده بگیرید و چه دنبال پیاده‌سازی سریع افکت‌های مدرن و چشم‌نواز باشید، این کتابخونه می‌تونه سطح کارتون رو چند پله بالاتر ببره و جلوه خیلی حرفه‌ای‌تری به فرانت‌اند سایت بده. https://threeui.com @codehalics | کدهالیک

با نصبِ gstack که مجموعه‌ای از Skillهاست، Claude Code و Codex شبیه تیم توسعه می‌شن: ایده رو از نظر محصول و طراحی می‌سنجه، معماری می‌چینه، کد رو بازبینی می‌کنه، با مرورگر تست می‌کنه و برای انتشار آماده می‌کنه. github.com/garrytan/gstack Elizaium @codehalics | کدهالیک

با نصبِ Claude-Mem، به ایجنت‌های کدنویسی حافظه دائمی می‌ده. کارها و تصمیم‌های هر جلسه رو خلاصه می‌کنه و در چت بعدی فقط اطلاعات مرتبط رو برمی‌گردونه؛ پس لازم نیست هر بار پروژه رو از اول توضیح بدید. Elizaium ✍️ @codehalics | کدهالیک

‏متن‌های AI پر از عبارت‌های کلیشه‌ای و لحن مصنوعی هستن، Humanizer با بررسی ۳۵ الگوی رایج، عبارت‌های کلیشه‌ای، تکرار و لحن مصنوعی رو انسانی و طبیعی‌تر می‌کنه؛ بدون تغییر منظور اصلی. ‏این Skill رایگان و متن‌بازه و روی Claude Code، Codex و Cursor نصب می‌شه. https://github.com/blader/humanizer Elizaium✍️ @codehalics | کدهالیک

این ابزار بهتون اجازه میده همون موقعی که دارید رو سیستم خودتون کد میزنید عمدا کانکشن سرویس هاتون رو دستکاری کنید تا ببینید برنامتون تو شرایط بحرانی چه واکنشی نشون میده. در واقع شما به سرور استیجینگ وصل میشید ولی فقط برای سشن خودتون شبیه سازی میکنید که مثلا دیتابیس کند شده یا ارتباط کلا قطعه بدون اینکه کار بقیه تیم مختل بشه. اینجوری قبل از اینکه کدتون بره رو پروداکشن و فاجعه به بار بیاره قشنگ متوجه میشید که اون لاجیک هایی که برای هندل کردن ارورها و تایم اوت ها نوشتید واقعا کار میکنن یا فقط الکی اونجا نشستن. https://metalbear.com/blog/mirrord-chaos-testing @codehalics | کدهالیک

پکیج AnimateIcons یه کلکسیون در حال توسعه از آیکون‌های متحرک و آماده‌ست. این ابزار به شما کمک می‌کنه تا بدون نیاز به طراحی صفر تا صدِ انیمیشن‌ها، ظاهر پروژه‌تون رو پویاتر و حرفه‌ای‌تر کنید. این مجموعه مشخصاً برای اون دسته از برنامه‌نویس‌هایی طراحی شده که دوست دارن رابط کاربری (UI) پروژه‌شون حس تعاملی‌تری به کاربر بده، اما در عین حال نمی‌خوان درگیر پیچیدگی‌های اضافه‌ی کدنویسی بشن. https://animateicons.in/ npm i @animateicons/react @codehalics | کدهالیک

دوستانی که مک دارن پیشنهاد میکنم حتما این اپ رو امتحان کنین خیلی خوبه! یه آیکون کوچیک توی منوبار که کار ده‌ها اپ پولی رو یک‌جا انجام می‌ده. رایگان، اوپن‌سورس و همه‌چیز فقط روی خود مک اجرا می‌شه (بدون اکانت، بدون ترکینگ، بدون اشتراک). امکانات اصلیش ایناست: • کنترل صدای جدا برای هر اپ (مثل میکسِر ویندوز) • مانیتور کامل سیستم (CPU، GPU، رم، دما، باتری، شبکه و مصرف انرژی) • جلوگیری از خواب مک (Keep Awake) • سوییچر خیلی بهتر پنجره‌ها با پیش‌نمایش زنده • تاریخچه کلیپ‌بورد + شلف فایل‌ها • آنینستالر تمیز اپ‌ها • و کلی ابزار دیگه مثل اسکرین‌شات پیشرفته، اسنیپت متن، ویندوز اسنپ و... ماژولاره هم هست؛ فقط چیزایی که لازم داری رو فعال می‌کنی. اگه مک داری، حتماً یه نگاهی بهش بنداز: http://vorssaint.com GOODRICH ✍️ @codehalics | کدهالیک

وضعیت دیجیکالا بعد از گرون شدن دلار ! در حال بروزرسانی (قیمت ها) هستیم :)))) @codehalics | کدهالیک

بچه‌ها بریم سراغ جواب اون سوال مصاحبه که قولش رو داده بودم. وقتی صحبت از استراتژی‌های کشینگ میشه، ما چند تا الگوی استاندارد داریم که بسته به سناریو و نیازمندی سیستم باید بهترینش رو انتخاب کنیم. استراتژی اول: Cache Aside یا Lazy Loading این رایج‌ترین مدلیه که تو پروژه‌ها می‌بینید. روند کار اینطوریه که اپلیکیشن شما اول برای گرفتن دیتا میره سراغ ردیس. اگه دیتا اونجا بود که سریع برمی‌گردونه. اما اگه نبود، میره از دیتابیس اصلی مثل اس کیو ال سرور رکورد رو می‌خونه، کش رو آپدیت می‌کنه و بعد جواب رو میده. مثال بارزش خوندن کاتالوگ محصولات یا اطلاعات پایه یه سیستمه که زیاد خونده میشن اما دیر به دیر تغییر می‌کنن. استراتژی دوم: Write Through تو این مدل وقتی کاربر یه دیتایی رو ثبت یا آپدیت می‌کنه، اپلیکیشن شما همزمان اون دیتا رو هم داخل دیتابیس و هم داخل کش می‌نویسه. مزیت بزرگش اینه که همیشه دیتای داخل کش کاملا با دیتابیس سینک هست و دیتای کهنه یا منقضی شده به کاربر نمیدید. عیبش اینه که عملیات رایت یه کوچولو کندتر میشه چون دیتا باید هر دو جا نوشته بشه. این روش برای دیتاهایی که هم زیاد خونده میشن و هم آپدیت بودنشون به شدت حیاتیه کاربرد داره. استراتژی سوم: Write Behind یا Write Back این الگو برای سیستم‌های با ترافیک بالا فوق‌العاده است. اینجا شما دیتای جدید رو فقط داخل ردیس می‌نویسید و بلافاصله به کاربر پاسخ موفقیت‌آمیز میدید تا معطل نشه. بعدا تو بک‌گراند یه سرویس یا ورکر میاد این دیتاها رو جمع می‌کنه و به صورت دسته‌ای می‌بره سمت دیتابیس اصلی ذخیره می‌کنه. بهترین مثالش سیستم‌های لایک یا شمارشگر بازدید ویدیو هست که حجم نوشتن توشون به شدت بالاست. البته ریسکش اینه که اگه نود ردیس قبل از سینک شدن با دیتابیس کرش کنه، ممکنه بخشی از دیتا از دست بره.

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

رفرنس : https://devscape.in/blog/caching-strategies @codehalics | کدهالیک

تو یکی از مصاحبه‌هایی که اخیرا برای پوزیشن Software Engineer تو یه شرکت خیلی خوب داخلی داشتم، یه سوال جالب ازم پرسیدن که امروز می‌خوام راجع بهش باهاتون صحبت کنم. مصاحبه‌کننده اول پرسید آیا تا به حال از ردیس استفاده کردی؟ گفتم بله. پرسید برای چه کاری؟ جواب دادم عموما برای کش کردن دیتا. بعد رسید به سوال اصلیش و گفت خب حالا بگو کلا چند تا استراتژی کشینگ موقع استفاده از ابزارهایی مثل ردیس یا مموری کش داریم؟ پاسخش رو تو پست بعدی براتون می‌ذارم ولی تا پست بعدی آماده بشه، یکم بهش فکر کنید و ببینید جواب شما به این سوال چیه. #interview @codehalics | کدهالیک

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

function Test () {
  return <>
    Should work:
    <Text as="p">Hello</Text>
    <Text as="a" href="https://www.google.com">Google</Text>
    <Text as="time" dateTime="2026-06-19">June 19, 2026</Text>
    <Text as="data" value="123">123</Text>

    Should fail type-checking:
    <Text as="p" href="https://www.google.com">Google</Text>
    <Text as="a" datetime="2026-06-19">June 19, 2026</Text>
  </>
}

https://kittygiraudel.com/2026/06/19/typed-polymorphic-react-component @codehalics | کدهالیک

زبان G# یا همون جی‌شارپ یه زبان برنامه‌نویسی جدید و متن‌باز برای اکوسیستم دات‌نت هست که ساختارش رو از زبان گو الهام گرفته و می‌خواد برنامه‌نویسی سیستم و موبایل رو با کدهای سبک و امن راحت‌تر کنه. این زبان بهت اجازه میده سادگی و قابلیت‌های همزمانیِ گو مثل کانال‌ها رو در کنار مدل async و await دات‌نت داشته باشی و خیلی راحت از کتابخونه‌ها و پکیج‌های نودگت هم استفاده کنی. چون با دات‌نت ۸ تا ۱۰ سازگاره و خروجی‌های بسیار سبکی میده، هم برای کارهای ابری و وب‌اسمبلی عالیه و هم یه مسیر یادگیری خیلی خوب برای کساییه که می‌خوان از گو، سوئیفت یا کاتلین وارد دنیای دات‌نت بشن. https://github.com/DavidObando/gsharp @codehalics | کدهالیک

اگه این روزا استک پروژه تون NextJs هست و نمیدونین چه مدلی مناسب تره برای کد زدن بهتره که این بنچ مارک که توسط تیمشون انجام شده رو بهش یه نگاه بندازین اینطوری خیلی سیف تر و مطمئن تر روی مدل هایی که استفاده می کنید سرمایه گذاری می‌کنید! بنچ مارک این موارد رو براتون به نسبت مدل شفاف میکنه: -امتیازدهی‌ بر اساس نرخ موفقیت -میانگین مدت‌زمان -میانگین هزینه https://nextjs.org/evals Javad @codehalics | کدهالیک

چند ماه قطعی‌های اینترنت ایران رو یادتونه؟ وسط همون روزا، یه پروژه‌ی NestJS + Prisma داشتیم که باید دیپلوی می‌شد ولی همه چی خاموش بود!!!!. روی سیستم لوکال همه‌چی عادی بود. ولی همین که npx prisma generate رو تو Container زدیم، گیر کردیم !! چون Prisma برای Generate کردن Client، یه Engine باینری از سرور خودش (نه npm) دانلود می‌کنه. و اون سرور رو اصلاً دسترسی نداشتیم. یعنی یه دستور که همیشه چند ثانیه طول می‌کشید، تبدیل شد به یه مشکل واقعی که باید حلش می‌کردیم اونم بدون اینکه اینترنت بین المللی داشته باشیم. تو این پست کامل نوشتم چطور با پیدا کردن Environment Variable درست، و آوردن Engine باینری سازگار از ریپوی خود Prisma، مشکل رو بدون نیاز به اینترنت حل کردیم: https://www.linkedin.com/feed/update/urn:li:ugcPost:7496507502277173249/ @codehalics | کدهالیک

یه نکته خیلی قشنگی داخل پادکست طبقه ۱۶ این هفته بود راجع به اینکه ما الان کلی ایده داریم ولی چرا کسی روش سرمایه گذاری نمیکنه ! میگفت الان خیلی از کسایی که سرمایه گذاری میکنن یه سوال خیلی مهم میپرسن که بنظرت این ایدت رو اگر گیت هاب یا آنتروپیک یا اصلا شرکت های بزرگ که هم پول دارن هم نیرو انسانی دارن هم وقت دارن از نو بنویسن و اینهمه هم کاربر دارن میتونن هدایتشون کنن به سمت این پروداکت ها !‌باز چه نفعی سرمایه گذاری روی تو داره و دقیقا هوش مصنوعی خوشبختانه یا متاسفانه این فاصله رو خیلی خیلی کم کرده ! شما ممکنه یه ایده خیلی نابی بزنی ولی خب اسلک میاد اسلک کد میده بیرون بیزنس شما تا بره اونهمه کاربر رو جمع کنه اون کالچر رو بسازه ولی خب اسلک به اصطلاح یوزر بیسش رو داره ! حالا چون بنظرم مرتبط اومد اینو نوشتم اینجا ولی هر ایده ای دارید به این موضوع عمیقا فکر کنین که یه جای خیلی بزرگ اگر بیاد عین ایدتون رو بزنه چی ؟ آیا میتونین خودتون رو انقد خوب پرزنت کنین که بجای اینکه وقت بزاره ایده تون رو بزنه که تایمش رو هم هوش مصنوعی خیلی خیلی کمش کرده بیاد و شرکت یا ایده شما رو ازتون بخره ؟ @codehalics | کدهالیک