ازم پرسید راجب به Portal در React چیزی میدونی؟؟


تو نگاه اول من بلد نبودم و نمیدونستم به چی اشاره داره ، نتونستم جوابش رو بدم ، بعد از سرچ کامل فهمیدم اینجا با شما به اشتراک میزارم

در واقع تا قبل از اینکه React Portal رو بشناسم، فکر می‌کردم بعضی باگ‌های UI طبیعی هستن!

- باگ: Modal زیر بعضی elementها می‌رفت
- باگ: Dropdown داخل parent بریده می‌شد
- باگ: Tooltip درست نمایش داده نمی‌شد
- باگ: z-index بهم میریخت و درست کار نمیکرد


ابزار Portal بهت اجازه میده:
یک component رو از نظر DOM در جای دیگری render کنی،
بدون اینکه ساختار React component tree به هم بخوره.

یعنی چی؟
یعنی مثلاً Modal هنوز داخل همون component مدیریت میشه،
اما در DOM مستقیماً داخل document.body render میشه.

خب نتیجه اش چی میشه؟؟

مثلا فرض کن یک مودال رو داری داخل یک بخش خاص رندر میکنی که به پرنتش overflow-hide رو ست کردی و خب این قطعا روی فرزندان اون پرنت تاثیر میزاره ، اگر مودال رو بدون کمک Portal رندر کنیم به مشکل های دیزاینی میخوریم ، ولی با کمک Portal انگاری مودال داخل اون رندر نشده و اون مشکل overflow-hide رو نداره و همه چیز درست نمایش داده میشه ، به همین سادگی؛


اگر تا امروز برای حل مشکلات UI فقط z-index رو تا 999999 بالا می‌بردی،
احتمالاً وقتشه Portal رو وارد پروژه‌هات کنی

رفرنس:
https://react.dev/reference/react-dom/createPortal

@DevTwitter | <Abolfazl Javadinia/>

هنوز UDP, IPv6, HTTP/3, QUIC تو دیوار هستند.


@DevTwitter | <kharabam/>

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

من یک اسکریپت ساده اما کاربردی با powershell نوشتم که تاریخچه کامیت‌های گیت رو شبیه‌سازی می‌کنه. این ریپازیتوری تمام اون روزهایی که نتونستید فعالیتی ثبت کنید رو به صورت خودکار با کامیت‌های سفارشی پر می‌کنه تا نمودار مشارکت پروفایلتون کاملاً سبز و یکدست بشه. شما می‌تونید تاریخ شروع رو روی هر زمانی در گذشته تنظیم کنید و مشخص کنید که در هر روز چه تعداد کامیت فیک ساخته بشه. راهنمای استفاده از اون هم کاملاً فارسی و قدم به قدم داخل پروژه قرار داده شده.

کد کامل و آموزش اجرا رو می‌تونید از لینک زیر دریافت کنید:

https://github.com/ahmadrz1379/fake-history/

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

@DevTwitter | <ahmadreza rezaee/>

دانشگاه هلسینکی یه سری دوره درست کرده برای شروع یادگیری AI و رایگان منتشر کرده.
https://elementsofai.com

اگه حس می‌کنید نمی‌دونید از کجا شروع کنید یا از AI چطوری برای بالا بردن بازدهیتون در کار استفاده کنین خوبه.


@DevTwitter | <Mohammad Azadeh/>

🔥 اکانت GPT Plus اختصاصی 🔥

✅ فعال‌سازی روی ایمیل شخصی شما
✅ یا فعال‌سازی روی ایمیل ما (به انتخاب شما)

🛡 دارای گارانتی تعویض و پشتیبانی کامل
💬 هرگونه مشکل و اختلال به‌صورت کامل ساپورت می‌شود


🚫 اکانت‌ها کاملاً اختصاصی هستند
🚫 اشتراکی نیستند
❗ لطفاً به این نکته دقت کنید: اکانت‌ها فقط برای یک نفر هستند و به‌صورت Shared ارائه نمی‌شوند.

💰 قیمت: ۵۰۰ هزار تومان

📩 جهت ثبت سفارش و دریافت اطلاعات بیشتر پیام دهید.

@Shutterstock_ir1

شورای اطلاع‌رسانی دولت: یک اقلیت پرهیاهو جلوی دسترسی به اینترنت ایستاد

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

به گزارش دیجیاتو، در بخشی از این بیانیه، به اصول قانون اساسی از جمله اصل ۹، اصل ۱۱۹، اصل ۱۲۲ و اصول فصل سوم اشاره و تصریح شده که مطابق اصل ۷۹ قانون اساسی، اعمال محدودیت‌ها در شرایط اضطراری، به‌صورت موقت و با تصویب مجلس ممکن است و استمرار محدودیت‌ها نیز نیازمند مجوزهای مجدد است.

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

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

شورای اطلاع‌رسانی دولت همچنین از عملکرد صداوسیما انتقاد کرده و گفته است این رسانه عمدتاً به انعکاس نظرات مخالفان پرداخته و برخی کارشناسان و مدعوین این فضا را برای حمله سیاسی به دولت و رئیس‌جمهور تبدیل کرده‌اند

@DevTwitter | <Digiato/>

بالاخره Laravel مشکل قدیمی Job Spam رو تمیز حل کرد.
با Debounceable Queued Jobs دیگه Job‌های تکراری صف لاراول رو له نمیکنه!
این یکی از underrated‌ترین فیچرهای جدید لاراول برای پروژه‌های High Traffic هست.

از بدترین سناریوهای توی سیستم‌های Queue اینه که
یک Event یا Request پشت‌سرهم Trigger بشه و سرور شروع کنه به ساختن Jobهای تکراری.

مثلا کاربر داره داخل اپ تایپ می‌کنه، Auto Save هر 5 ثانیه اجرا میشه و هر Save هم یک Job می‌فرسته داخل Queue.

نتیجه:
ده‌ها Job تکراری، فشار روی Redis و Workerها، مصرف CPU بی‌دلیل و کند شدن سیستم.

در حالی که اکثر اون Jobها اصلا لازم نیستن! چون فقط آخرین وضعیت دیتا اهمیت داره.
حالا دیگه توی لاراول اگر چند Job «مشابه» پشت سر هم Dispatch کنیم، Jobهای وسطی حذف و فقط آخرین Job رو اجرا می‌کنه.
یعنی صف تمیزتر، بدون نویز و Performance بهتر.

این قابلیت واقعا Game Changer محسوب میشه!

قبلا از ShouldBeUnique استفاده می‌کردیم. اما این روش یک مشکل داشت:
اگر Job اول هنوز در حال اجرا بود، آپدیت‌های جدید نادیده گرفته میشدن
یعنی ممکن بود آخرین تغییرات اصلا Sync نشن.

@DevTwitter | <Ehsan Rezaei/>

دوستان می‌دونستید که این روشن/خاموش شدن Wifi ویندوزتون باگ نیست؟! به‌خاطر فیلترینگ شدید فایروال‌های ایرانه دلیل و راه‌حلش:
تست اتصال مایکروسافت (NCSI) که فیچر ویندوز ۱۰ به بعده بلاک می‌شه؛ به زبان ساده، به‌خاطر فیلترینگ، ویندوز فکر می‌کنه اینترنت قطع شده و برای همین هی وای‌فای رو خاموش/روشن می‌کنه تا اتصال برقرار شه.

راه غیرفعال کردنش:
۱. همزمان کلید Windows + R رو فشار بده (کلید ویندوز همون لوگو ویندوز روی کیبورد)
۲. توی کادر Run که باز شد، بنویس regedit و اینتر رو بزن.
۳. برو این مسیر:
HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\NlaSvc\Parameters\Internet
۴. روی EnableActiveProbing دابل‌کلیک و بعدش Value رو ۰ کن.
۵. سیستم رو ری‌استارت کن و تمام.

دیگه این فیچر غیرفعال می‌شه و VPNتون قطع نمی‌شه :(
البته تا وقتی که غیرفعاله حتی اگه اینترنت قطع باشه، همیشه «Connected» نشون می‌ده.

@DevTwitter | <گیک‌زهرا/>

کتابخونه blBot یه کتابخونه ساده و در عین حال کاربردی که برای ساخت بات های مختلف روی بله و تلگرام هست.

البته ساخت این کتابخونه برای دوران قطعی نت و دست و پا زدن توی مسنجر های مثل بله بوده پس تمرکز اصلیم برای بله بوده هرچند که خود api بله پر از ایراد نقص بود و هست

هنوز روی npm نبردم پس باید لوکال روی پروژه ها استفاده کرد

http://github.com/ali-googoojani/blBot

@DevTwitter | <Ali-googoojani/>

یه مرجع کامل برای یادگیری Docker آماده شده. این جزوه برای یه منبع فارسیِ، منسجم و کاربردی طراحی شده؛ مناسب هم برای شروع از صفر، هم برای عمیق‌تر کردن دانش.

این مجموعه بیشتر از ۱۷۰ تا مفهوم و دستور Docker رو کامل و به فارسی توضیح می‌ده و برای هر مبحث یه روند مشخص داره؛ اول تعریف می‌کنه، بعد میگه چرا اصلاً این مفهوم وجود داره، مزایا و معایبش رو بررسی می‌کنه و در آخر هم یه مثال عملی می‌زنه. علاوه بر این، کلی نمونه‌کد قابل اجرا، جدول مقایسه و سناریوی واقعی از محیط کار داخلش هست که کمک می‌کنه مطالب رو بهتر و کاربردی‌تر بفهمین. از نظر محتوا هم از مباحث پایه شروع می‌کنه، مثل DevOps و تفاوت کانتینر با ماشین مجازی، و کم‌کم می‌رسه به موضوعاتی مثل Dockerfile، ساخت چندمرحله‌ای (Multistage Build)، مدیریت شبکه و storage، و در نهایت هم کار با Swarm و مباحث امنیت.

لینک مخزن:
https://github.com/Fatemebookanian/docker-guide-fa

اگر به دردتون خورد، خوشحال می‌شم یه Star بدین تا بیشتر دیده بشه و من هم با انگیزه بیشتری ادامه‌ش بدم.

@DevTwitter | <Fateme/>

حالا که فیلترنت وصل شده یادتون باشه می‌تونید Edge Gallery رو نصب کنید و Gemma 4 رو روی گوشی داشته باشید.

این یه دستیار هوش مصنوعیه که روی خود گوشی اجرا میشه و برای کار کردن نیازی به اینترنت نداره. می‌تونه عکس رو تحلیل کنه، صدا رو به متن تبدیل کنه و یه سری کارهای دیگه انجام بده.

بهترین مدل دنیا نیست ولی برای خیلی از کارهای روزمره کاملا کار راه اندازه.

@DevTwitter | <Nima/>

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

همچنین این پست رو برای دوستاتون که به نظرتون مطلع هستن ارسال کنید که اونا هم مشارکت کنن، می‌تونید فورک کنید یا issue باز کنید.

https://github.com/DevTwitter/black-timeline

اطلاعات با نام و تصویر خودتون توی وبسایت منتشر میشه

ممنونم که همکاری می‌کنید ❤️

عزیزانی که تازه دارید git یاد می‌گیرین ، این وب‌سایت به صورت interactive و گرافیکی بهتون مفاهیم branching رو یاد میده

https://learngitbranching.js.org/

@DevTwitter | <Arash Hatami/>

#کوته_نیوز

معاون وزیر ارتباطات بعد از 88 روز قطعی و ارائه‌ی انواع اینترنت سفید، پرو، خبرنگاری، شرکتی، پسر‌خاله‌ای و غیره: دولت مانع از آن شد که شاهد «شکل جدیدی از اینترنت» باشیم.

@DevTwitter

انویدیا یه ابزار کامندلاین برای اسکن امنیتی skillها ریلیز کرده که دنبال آسیب‌پذیری‌ها یا پترن‌های مخرب داخل فولدرهای skill و MCP میگرده و در نهایت بهتون یه score میده!

۶۴ تا حمله رو چک میکنه که رایج‌ترینش فرستادن env به سرور خارجی، آسیب‌پذیری‌ supply chain، مسموم کردن مموری، Prompt Injection و... هست!

یه مدل اسکن دو مرحله‌ای داره که در لایه اول میاد static بررسی میکنه و اگه api key بهش وصل کنید با LLM هم یه آنالیز کامل میکنه و گزارش میده.

https://github.com/nvidia/skillspector

@DevTwitter | <Amir/>

چندتا برنامه‌نویس سنیور رو اخراج کردن، جاش یه جونیور + اشتراک Pro هوش مصنوعی گذاشتن!
چیزی که باورم نمی‌شد اما به چشم دیدم.

ببینید، هوش مصنوعی می‌تونه سریع‌تر کد بزنه، boilerplate تولید کنه، باگ حل کنه و حتی architecture پیشنهاد بده.

ولی هنوز نمی‌فهمه،
- کجای پروژه قراره 6 ماه بعد منفجر بشه.
- کدوم تصمیم فنی شرکت رو زمین می‌زنه.
- کجا باید نه بگه.
- چطور complexity رو کنترل کنه.
- چطور وسط chaos تصمیم درست بگیره

این چیزیه که سینیورها بابتش پول می‌گیرن نه صرفا تایپ کردن کد.
شرکتی که فکر می‌کنه AI جای تجربه رو گرفته معمولا چند ماه بعد می‌فهمه که فقط سرعت تولید بدهی فنی رو بیشتر کرده.

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

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

@DevTwitter | <Ehsan Rezaei/>

یکی یه پروژه اُپن سورس ساخته که cookieهای مرورگرتون رو با openclaw و hermes سینک میکنه!

دلیلی که واسم جالبه (خصوصا از نظر امنیتی) اینه که Tailscale استفاده کرده، اینجوری که بین دستگاهتون و tailnet یه کانکشن مستقیم encrypt شده درست میکنه که دیتاتون از نتورک شخصی خارج نشه!

علاوه بر cookie میتونید توکن‌های CLI و API key هاتون رو هم باهاش sync کنید!

https://agentcookie.dev/

@DevTwitter | <Amir/>