DevTwitter | توییت برنامه نویسی

ازم پرسید راجب به 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/>

🎓 آشنایی با اساتید سومین بوت‌کمپ «مدیریت محصول» ⚙️ در بوت‌کمپ جدید آکادمی همراه اول، میزبان متخصصان و مدیران با تجربه‌ی بسیاری هستیم که جامع‌ترین دانش و تجربیات در خصوص مدیریت محصول را، در اختیار شرکت‌کنندگان قرار بدهیم. 🔸 محمدرضا نظیف | VP of Product at Takhfifan 🔸 جلیل علیزاده | CPO at Noyan 🔸 میلاد میرزایی | Product Director at Digipay 🔸 محمدرضا مرادی | Organizational Excellence Manager at BluBank 🔸 حسین محمودوند | Product Designer at Snapp 🔸 زهرا نصیری | Agile coach at Azki 🔸 مارال مختار زاده | Product Lead at Snapp Cab 🔸 محمد فاطمی | Product Design Lead at Wallex 🔸 مرتضی یزدانپرست | Co-founder at Stealth Startup 🔸 حامد عبدی | business line owner at mci 🔸 سجاد جلیلی | Product Manager at Mofid Group 🔸 مهدی فرحزادی | Product lead at TechnoLife ⚠️ ظرفیت این بوت‌کمپ محدود است. 🌐 آشنایی با اساتید: 🔗 https://l.hamrah.academy/9cz ⭐️ @hamrah_academy | آکادمی همراه اول

«در دیجی‌کالا AI قبل از Reviewerها Merge Requestها را Review می‌کند» یکی از ابزارهایی که هر روز باهاش کار می‌کنیم را آماده کردیم و نسخه متن‌بازش را منتشر کردیم. معرفی clab: ابزار Code Review مبتنی بر هوش مصنوعی برای مرج ریکوئست‌های GitLab بررسی خودکار، قبل از Review انسانی ترکیبی از Lint هوشمند و تحلیل معنایی با Ai؛ باگ‌های منطقی، Secret‌های احتمالی، مشکلات امنیتی و ایرادهای رایج، همه‌ی موارد قبل از Reviewer شناسایی می‌شوند. یادگیری از تاریخچه پروژه clab تاریخچه MR‌های پروژه را تحلیل می‌کند، الگوهای تکرارشونده را استخراج می‌کند و به‌صورت خودکار Rule می‌سازد. هرچه بیشتر استفاده شود، Review‌ها دقیق‌تر می‌شوند، بدون تعریف دستی هیچ قانونی. یکپارچه با GitLab، بدون داشبورد جداگانه نتیجه بررسی مستقیماً به‌صورت Inline Comment روی MR ثبت می‌شود. بدون سرویس واسط. نیازی به API Key نیست کافیه به حساب Claude Pro یا Cursor دسترسی داشته باشیم. آنچه تجربه کردیم: - اولین فیدبک روی MR ظرف چند دقیقه - کاهش چشمگیر زمان صرف‌شده برای ایرادهای تکراری و بررسی دقیق‌تر با خطای کمتر - تمرکز بیشتر Reviewer‌ها روی معماری، طراحی و منطق کسب‌وکار کد پروژه را متن‌باز کردیم. خوشحال می‌شویم امتحانش کنید. https://github.com/mberneti/clab @DevTwitter | <Mohammadreza Berneti/>

به روزرسانی همراه اول درباره اینترنت پرو همراه اول با ارسال پیامکی به دارندگان اینترنت پرو پیشنهاد کرده اگر تمایل داشته باشند می‌توانند اینترنت پرو را غیر فعال کنند و از باقیمانده حجم خود بعدا استفاده کنند. با ارسال این پیامک ظاهرا خبری از بازگشت هزینه کاربران پرو نیست. @DevTwitter | <ITIRAN/>

🛍 خرید اشتراک gemini pro تنها با 299 هزار تومان در پریم استور. ☄️تو این روزا که Chatgpt business نیست و افرش تموم شد بهترین گزینه همینه ❔ چرا پریم استور؟ 🕖تحویل سریع (بین 1 تا 8 ساعت) 🔒  بدون نیاز به اطلاعات و لاگین حساب شما ضمانت کامل 30 روز علاوه بر جمنای، اشتراک سرویس‌های زیر هم برای خرید موجود است: (Claude • Chatgpt plus, go  • Grok • Perplexity • Cursor • Leonardo • Gemini ultra •.....) 🛒 شروع خرید از طریق ربات : 🤖 @prem_store_bot 🌐 وب سایت | 💡 کانال تلگرام | 💬 ارتباط با پشتیبانی

از چیزهای دیگه‌ای که این مدت تست کردم، OpenWork بود که بر پایه OpenCode و با دسترسی به همون مدل‌های رایگانش یک جایگزین برای Claude Cowork است. هنوز نتونستم فضای کاری remote (به اشتراک گذاشته شده بین تیم) رو چک کنم. حالا اما امکانش بهتر فراهمه برامون. https://openworklabs.com/ @DevTwitter | <Hamed/>

یه پروژه اُپن سورس به اسم RuView که تو گیت‌هاب ترند شده، با آنالیز کردن امواج WiFi میتونه حرکت افراد تو اتاق رو بدون نیاز به دوربین ببینه! جالب‌تر اینکه با Machine Learning نه تنها میتونه ببینه چند نفر تو اتاق هستن و چی کار میکنن، بلکه ضربان قلب، الگوی تنفسی، مانیتورینگ خواب، زمین خوردن و... رو هم میتونه تشخیص بده، حتی اگه پشت دیوار باشید! تمام اینا با یه چیپست ESP32 که قیمتش کمتر از ۱۰ دلاره :) https://github.com/ruvnet/RuView @DevTwitter | <Amir/>

🐳 چرا هنوز پروژه‌هات رو داکرایز نکردی؟ ✔️داکر رو از مفاهیم پایه تا Dockerfile و Docker Compose یاد بگیر! 🔥 فقط ۲۴ ساعت فرصت داری دوره آموزش عملی Docker کوئرا رو با نصف قیمت ثبت‌نام کنی! 😍مناسب برنامه‌نویس‌هایی که می‌خوان دیپلوی و DevOps رو هم بلد باشن. 🧪 ۲۰+ تمرین عملی 💳 امکان پرداخت قسطی 🔗 quera.org/r/z7pr4

شرکت PrismML مدل جدید Bonsai Image 4B را معرفی کرده که روی گوشی و لپ تاپ میتواند بدون اینترنت عکس تولید کند. روی آیفون 17 پرو مکس هم اجرا میشه و دو نسخه سبک با حجم حدود ۱ تا ۱.۲ گیگابایت دارد. @DevTwitter | <Nima/>

اگه‌ گفتین وقت چیه؟ sudo apt update sudo dpkg --configure -a sudo apt --fix-broken install sudo apt full-upgrade -y --fix-missing sudo apt autoremove --purge -y sudo apt autoclean @DevTwitter | <ehsanasgharzade/>

رفقا از همگی کمک می‌خوایم برای تکمیل این صفحه توی وبسایت DevTwitter نیاز داریم هر اطلاعاتی در مورد اتفاقات اینترنت ایران، فیلترینگ و نقاط کلیدی اینترنت که می‌دونید بهمون بگید. این شروط رو در نظر بگیرید: - برای هر رویداد حداقل یک منبع معتبر قرار بدید - استراکچر رو تغییر ندید - متن‌ها کوتاه، شفاف و بدون توهین یا جهت‌گیری باشن - در صورت عدم اطمینان، موضوع رو داخل توضیحات ذکر کنید همچنین این پست رو برای دوستاتون که به نظرتون مطلع هستن ارسال کنید که اونا هم مشارکت کنن، می‌تونید فورک کنید یا issue باز کنید. https://github.com/DevTwitter/black-timeline

#کوته_نیوز ستار هاشمی، وصل المتصلین: ملت ایران شایسته ارتباط آزاد، آینده روشن و اقتصادی پویاست. @DevTwitter

پورت دقیقا چیه و چی‌کار می‌کنه؟ همیشه توی آدرس‌ها دیدیم که پورت وجود داره، شاید واسه خیلیامون سوال پیش بیاد که چرا اصلا وجود داره. فرض کنید یک ساختمون با چند تا واحد توی یک آدرسی هست. آدرس میشه IP و واحد‌ها میشن port برای این که بسته به جای درستی برسه باید به port درستی ارسال بشه. پورت یک عدد 16 بیتیه، یعنی میتونه از 0 تا 65535 باشه. بدون این پورت‌ها، تمام اطلاعات با هم قاطی میشن. مثلا شما اگر یک وبسایت رو داری می‌بینی، در صورتی که از https استفاده کنه، به پورت 443 وصل میشه، و زمانی که بخوای ssh بزنی، یه شکل پیشفرض از پورت 22 باید استفاده کنی. عملا پورت‌ها برای تمایز سرویس‌های یک سیستم استفاده میشه. مثلا یک وبسایت که همزمان http و https، ایمیل و ssh داره، به شکل پیشفرض داره به صورت همزمان از پورت‌های 80، 443، 25 و 22 استفاده می‌کنه تا وقتی اطلاعات رو دریافت کرد، بتونه بفرسته سمت سرویس مورد نظر. @DevTwitter

اگه برنامه نویس بک اند یا طراح سایت هستید و برای پروژه هاتون نیاز به قالب HTML دارید این سایت عالیه https://rtlhtml.ir/ جامع ترین و کامل ترین مجموعه قالب های html در ایران

مامانت اینقدر به فکرت هست که نت‌بلاکس هست؟ @DevTwitter

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

نتبلاکس: بعد از 88 روز و 2093 ساعت قطعی، اینترنت در حال بازگشته. @DevTwitter

فیگما و داکر از دسترس خارج شدن :)) @DevTwitter

#کوته_نیوز همچنان اصرار دارن تا 24 ساعت آینده وصله @DevTwitter

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