کدهالیک | codehalic

اگه توی React یا Next.js مدام دارید منطق‌هایی مثل Auth، Role یا Permission رو بین چند کامپوننت تکرار می‌کنید، وقتشه HOC رو بهتر بشناسید.

توی این مقاله از پایه توضیح دادم:
که HOC چیه، کجا به درد می‌خوره و چطور با TypeScript تمیز پیاده‌سازیش کنیم.

معمولا پای ثایت سوالای مصاحبه فرانت اند هم هست پس خوب یادش بگیرید !

مقاله کامل رو اینجا بخونید 👇
https://codehalic.ir/blog/hoc-components-in-react

@codehalics | کدهالیک

یکی از فیچر های جدید کلوفلر بهتون اجازه میده بدون دامنه و بدون سرور و بدون هیچی اپلیکیشنی که لوکال هاست اجراش کردین رو روی سرور های کلودفلر دپلوی کنین تقریبا کاری که ورسل داره انجام میده رو کلود فلر هم از این ب بعد داره انجام میده
میتونین از این قسمت فیچر جدید کلودفلر رو تست کنین !
https://try.cloudflare.com/

@codehalics | کدهالیک

این پلتفرم یک مجموعه رایگان و متن‌باز از کامپوننت‌های رابط کاربری (UI) است که به‌طور کامل و از پایه برای زبان فارسی و چیدمان راست‌چین (RTL) مهندسی شده
باهاش میشه سایت هایی ساخت که اصطلاحا AI Slop نیستن و همچنین کلی اسکیل فارسی گذاشته برای انواع اقسام نوشتار های فارسی
و کلی کامپوننت فارسی که میتونین توی وایب کد ازش استفاده کنین !

https://vibefarsi.ir/

@codehalics | کدهالیک

توی هر پروژه ای شما لازم دارین برای بعضی از سکشن ها مثل پروفایل یک کاربر از آواتار های پیش ساخته شده استفاده کنین یا هوش مصنوعی اول اسم و فامیل کاربر رو به عنوان آواتار میزاره که بعضا میتونه ترکیبش جالب نشه !

این پکیج بهتون کمک میکنه که بتونین آواتار های باحال و جذاب به پروژتون اضافه کنین با کمتر از چند خط کد !

https://blobatar.dev/


@codehalics | کدهالیک

مخزن Awesome Design md: دیزاین‌سیستم برندها رو مستقیم به coding agent بده!

این پروژه مجموعه‌ای از فایل‌های DESIGN.md تحلیل‌شده از دیزاین‌سیستم برندهای معروفه؛ یکی رو می‌ندازی تو پروژه و agent کدنویسی دقیقاً UI همون برند رو تولید می‌کنه.

https://github.com/VoltAgent/awesome-design-md

✍️Diego Jr

@codehalics | کدهالیک

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

https://techcrunch.com/2026/09/18/ai-hallucination-nearly-triggers-us-military-operation/?via=dailydev

@codehalics | کدهالیک

سال ۱۹۹۴ کتاب معروف Gang of Four یه قانون طلایی رو تو طراحی نرم‌افزار مطرح کرد که می‌گفت همیشه ترکیب (Composition) رو به وراثت ترجیح بدید؛ قانونی که خیلی از ماها شاید بدون اینکه دلیل واقعی و عمیقش رو بدونیم فقط به عنوان یه Best Practice قدیمی تو پروژه‌هامون رعایتش می‌کنیم. اما یکی از قشنگ‌ترین دلایل این الگو که خیلی کم بهش توجه میشه اینه که بهمون کمک می‌کنه کدهایی بنویسیم که خیلی راحت‌تر «دور ریخته» میشن. مثلا فرض کنید سرویس مدیریت سفارشات شما برای اطلاع‌رسانی به کاربر، از یه کلاس پایه به اسم SmsNotifier ارث‌بری کرده. چند سال می‌گذره و تیم تصمیم می‌گیره برای کاهش هزینه‌ها به جای پیامک، فقط از Push Notification استفاده کنه. اتفاقی که میفته اینه که اون کدهای قدیمی پیامک تو کلاس پایه تبدیل میشن به یه کد مرده که جرات نمی‌کنید پاکشون کنید، چون ده‌ها کلاس دیگه هم دارن از همون کلاس پایه ارث می‌برن و می‌ترسید سیستم جای دیگه‌ای به هم بریزه. اما اگه از همون اول جای وراثت، از ترکیب استفاده کرده بودید و منطق نوتیفیکیشن رو تو یه اینترفیس مجزا می‌نوشتید و به سرویس اصلیتون تزریق می‌کردید، الان خیلی راحت می‌تونستید کلاس اس‌ام‌اس رو کلا بندازید تو سطل زباله و کلاس جدید رو جایگزینش کنید، بدون اینکه هیچ استرسی برای خراب شدن منطق اصلی پروژه‌تون داشته باشید.

https://www.youtube.com/watch?v=DIZTQxkOsy4

@codehalics | کدهالیک

این سایت یه سری انیمیشن های بامزه برای کامپوننت های وب ارائه میده که داخل همشون این شخصیت محبوب StickMan نقش آفرینی میکنه !
مثلا سوییچی داره که خود استیک من جا به جاش میکنه
چیزای بامزه ای داخلش هست یه چکش کنین !
https://stick-man-ui.vercel.app/

@codehalics | کدهالیک

یکی دیگشونم اگر خیلی مثل من پیر باشین
پارسا ۹۹ بود !

اینا توی دهه ۷۰ اومدن فارسی ساز دادن برای ویندوز ۹۸ بعد اسمش گذاشتن ویندوز ۹۹ انقلابی بود برای فارسی زبان ها چون دیفالت ویندوز اون موقع از زبان فارسی پشتیبانی نمیکرد و نمیتونستی متون هایی توی نوت پد و ورد اون موقع بنویسی !
حروف ها این شکلی میشدن مثلا
ا ی ر و پ هیچ اتصالی بهم نداشتن تازه برعکسم میشدن چیزی که نوشتم همون پوریا اسم خودمه !
شرکتی که اینو درست کرد اون موقع شرکت برنا بود که اگر یادتون باشه فونت های B رو هم همین شرکت درست کرده مثل B titr ، B Zar و کلی فونت باحال که فک کنم یه بار حداقل ازش استفاده کرده باشین

@codehalics | کدهالیک

چند سالتون بود وقتی فهمیدین ویندوز MRT که خیلی یه زمان معروف شد در واقع مخفف “محمدرضاتوکلی” سازنده اش بوده که یه نسخه از ویندوز XP رو کاستومایز کرده بوده و روش نرم افزار های ضروری رو نصب کرده بود !

@codehalics | کدهالیک

متا هم ایجنتش یعنی muse رو برای ریچ کیدز یعنی کسایی که مک دارن ریلیز کرده و میتونه بهتون کمک کنه تا مثلا فایل های پوشه دانلود رو براتون مرتب کنه یا یه فایل خاص رو براتون پیدا کنه یا پیام هاتون خلاصه کنه و خیلی کار های دیگ …

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

https://ai.meta.com/muse/download/

@codehalics | کدهالیک

اگر اهل فیلم باشید احتمالا فیلم The Imitation Game رو با بازی بسیار زیبای بندیکت کامبربچ دیده باشین !
خلاصه داستان فیلم این بود که توی جنگ جهانی دوم آلمان نازی برای رمزگشایی پیام هایی که بین خودشون رد و بدل میکردن از ماشینی به اسم انیگما استفاده میکردن
رمز های این ماشین هر روز ساعت ۱۲ شب تغییر میکرد و قاعدتا باید میلیون ها حالت رو تست میکردن تا اون رمز رو بشکنن که عملا غیر ممکنش کرده بود !
آلن تورینگ یه گروهی رو جمع میکنه و یه دستگاهی میسازه که اینکار رو انجام بده و حتما توصیه میکنم اون فیلم رو با بازیه بندیکت کامبربچ ببینین !

حالا ادعا میشه که Chatgpt Astra تونسته یکی از اون پیام های رمزنگاری شده که بعد اینهمه سال رمزگشایی نشده بود رو بشکنه !

پیامی که شکسته اینه :

The decrypted 1941 German Army Enigma message (MVUEH) reads roughly: “Please specify the route of march. I am in Rosenow, Rosenow. Immediate reply by radio.”

Literal German (with operator typos): BTTE UM ANGABE DES MARSQWEGES X BEFINDE MIQ IN X ROSENOW ROSENOW X SOFORT FUNKANTWORT X WASCHBBSCH.


@codehalics | کدهالیک

اگر دارین برای مصاحبه فنی آماده میشین یا توی مسیر شغلی و معماری پروژه‌هاتون به یک فیدبک واقعی نیاز دارین، این فرصت رو از دست ندین
همچنان 50% تخفیف هم براش گذاشتم
و خوشحال میشم بتونم بهتون کمک کنم !

🔹 ماک اینترویو فنی ( فرانت و بکند )
https://codehalic.ir/mentorship/book/mock-interview

🔹 بررسی رزومه و منتورینگ:
https://codehalic.ir/mentorship/book/resume-review

🔹رودمپ برنامه نویسی حوزه فرانت و بکند
https://codehalic.ir/mentorship/book/resume-review

@codehalics | کدهالیک

یک کتابخانه رایگان و اپن‌سورس برای React و Next.js که مجموعه‌ای جذاب از کامپوننت‌های آماده‌ی استفاده را در اختیارتان قرار می‌دهد.
از خوبیای این لایبرری اینه که یه سری کامپوننت های خیلی خاص مثل این رسید که توی عکس میبینید رو میشه مستقیما ببرید توی پروژه و ازش استفاده کنید

بالای 200 تا کامپوننت خاص و جذاب داره حتما یه سر بهش بزنید !

https://opensourceui.in/

@codehalics | کدهالیک

خستگی برنامه‌نویس ها در عصر هوش مصنوعی

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


https://dev.to/james_anderson_h/the-quiet-weight-of-working-in-tech-in-the-ai-era-551g

@codehalics | کدهالیک

متا با StyleX اومده مشکلات ابزارهای قدیمی CSS-in-JS رو کلاً حل کنه؛ یه کامپایلر استایل‌نویسی برای جاوااسکریپت که موقع Build همه استایل‌ها رو به فایل Atomic CSS استاتیک تبدیل می‌کنه و ران‌تایم صفر داره. با StyleX دیگه درگیر جنگ اولویت کلاس‌ها (Specificity) نمی‌شید، حجم CSS نهایی حتی با بزرگ‌تر شدن پروژه‌های غول‌پیکر ثابت می‌مونه، همه‌چیز کاملاً Type-Safe جلو می‌ره و بهترین گزینه برای ساخت دیزاین‌سیستم‌ها و کامپوننت‌های قابل بازاستفاده توی ری‌اکت و فریمورک‌های مدرنه!

https://stylexjs.com/

@codehalics | کدهالیک

بررسی آمار تعدیل نیرو و استخدام نشون می‌ده که بازار کار توسعه وب بعد از موج اخراج‌های سال ۲۰۲۴ و رکود استخدام تازه‌کارها، الان در حال بازسازیه! افزایش آگهی‌های شغلی و کاهش نرخ بیکاری توی حوزه فناوری از بهتر شدن اوضاع خبر میده، هرچند شرایط برای فارغ‌التحصیل‌های جدید همچنان سخته و تقاضا بیشتر رفته سمت فول‌استک‌های با‌تجربه. تثبیت فریمورک‌ها حول گزینه‌های مشخصی مثل Next.js هم سردرگمی انتخاب ابزار رو کمتر کرده!

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

https://youtu.be/7C-1t32dAqY

@codehalics | کدهالیک

اختصاص ۶۰۰ میلیون توکن رایگان در پلتفرم AutoClaw

پلتفرم AutoClaw اعلام کرد کاربرانی که از تاریخ ۱۴ تا ۱۶ سپتامبر (دوشنبه تا چهارشنبه) در این وب‌سایت لاگین کنند، بدون نیاز به داشتن یا خرید اشتراک، ۶۰۰ میلیون اعتبار رایگان دریافت خواهند کرد. این اعتبار به صورت ویژه جهت استفاده از مدل‌های هوش مصنوعی DeepSeek-V4.1-Flash و GLM-5.3 در دسترس کاربران قرار می‌گیرد.

https://autoclaw.z.ai/

@codehalics | کدهالیک

امروز ۲۵۶مین روز ساله؛ روز برنامه‌نویس.
به افتخار تمام کسانی که با کد، مسئله‌ها رو حل می‌کنن. روز برنامه‌نویس مبارک.

@codehalics | کدهالیک

گزارش‌های فنی جدید از رفتار متد fetch در JavaScript نشون میدن که این تابع برعکس تصور خیلی از برنامه‌نویس‌ها، وقتی resolve میشه اصلاً کل دیتا رو دانلود نکرده و فقط هدرها (headers) رو تحویل میده.

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

برای مثال، فرض کنید یه ریکوئست می‌زنید و با استفاده از Promise.race براش یه تایم‌اوت ۲۰۰ میلی‌ثانیه‌ای تعیین می‌کنید؛ اگر سرور هدرها رو تو ۵۰ میلی‌ثانیه بفرسته اما دانلود دیتای اصلی دو ثانیه طول بکشه، تایم‌اوت شما عملاً بی‌اثر میشه چون فاز لود هدر با موفقیت تموم شده و برنامه روی دانلود بادی روی هوا می‌مونه.

علاوه بر مشکل تایم‌اوت، اگه تو محیطی مثل Node.js فقط status رو چک کنید و از پردازش بادی بگذرید، کانکشن TCP بسته نمیشه و استخر کانکشن های سرورتون رو بی‌دلیل اشغال می‌کنه.

پس به عنوان یک قاعده‌ کلی برای جلوگیری از این باگ‌های پنهان، همیشه باید چرخه ریکوئست رو با خوندن کامل دیتا از طریق متدهایی مثل json یا text ببندید و برای مدیریت درست تایم‌اوت‌ها هم مستقیماً سراغ AbortSignal.timeout برید.

https://blog.gaborkoos.com/posts/2026-09-08-Half-Past-Fetch/

@codehalics | کدهالیک