پلاگین نویسی با ریکت اخیرا خیلی بحث ترندی شده و کم کم ریکت سمت وردپرس خیلی کاربردی تر میشه
حالا کمی درموردش سرچ کردم یه کامندی داره که میاد اون استارتر پلاگینت رو با ریکت میسازه که کاری به این ندارم بحث اصلی اینه ما یه پلاگین داریم ۱۰ سال پیش نوشته شده الان چجوری فرانت اینو به ریکت ریفکتور کنیم.
اول باید خروجی پلاگین رو درک کنیم که صفحات از html ساخته شده که پشت اون یه فایل js هم لود میشه خب من اومدم کامپوننت های ریکتم رو نوشتم با وبپک باندل کردم خروجی همون js ای شد که قراره پشت پرده لود بشه، الان چجوری اینو به html ربط بدیم همه پلاگین ها یه فولدر view داره که تمامی صفحات اینجا قراره میگره الان دیگه نیاز نیست html بنویسی یه div بنویس بهش ایدی بده اونور با ایدی یه دونه getElementById بزن بعد کامپوننت رو رندر کن و تمام.
بحث کلی تر از این پست هست بصورت خلاصه وار نوشتم یه عکسم این زیر میذارم راحتر بتونید تجسم کنید.
اینم یه استارت پلاگین با ریکت و گوتنبرگ هست علاقه داشتین حتما یه نگاهی بندازین
https://github.com/alirezamajdi/WP-Plugin-React
@DevTwitter | <Alireza Majdi/>
حالا کمی درموردش سرچ کردم یه کامندی داره که میاد اون استارتر پلاگینت رو با ریکت میسازه که کاری به این ندارم بحث اصلی اینه ما یه پلاگین داریم ۱۰ سال پیش نوشته شده الان چجوری فرانت اینو به ریکت ریفکتور کنیم.
اول باید خروجی پلاگین رو درک کنیم که صفحات از html ساخته شده که پشت اون یه فایل js هم لود میشه خب من اومدم کامپوننت های ریکتم رو نوشتم با وبپک باندل کردم خروجی همون js ای شد که قراره پشت پرده لود بشه، الان چجوری اینو به html ربط بدیم همه پلاگین ها یه فولدر view داره که تمامی صفحات اینجا قراره میگره الان دیگه نیاز نیست html بنویسی یه div بنویس بهش ایدی بده اونور با ایدی یه دونه getElementById بزن بعد کامپوننت رو رندر کن و تمام.
بحث کلی تر از این پست هست بصورت خلاصه وار نوشتم یه عکسم این زیر میذارم راحتر بتونید تجسم کنید.
اینم یه استارت پلاگین با ریکت و گوتنبرگ هست علاقه داشتین حتما یه نگاهی بندازین
https://github.com/alirezamajdi/WP-Plugin-React
@DevTwitter | <Alireza Majdi/>
یه ابزار ساده ساختم برای وقتی که باید تعداد زیادی PDF رو سریع مرور کنین، بدون اینکه مدام بین فایل اکسپلورر و PDF Reader جابجا شید. کافیه یک پوشه رو انتخاب کنین، همه PDFهای اون پوشه و زیرپوشهها رو یکجا میبینید و میتونید هرکدوم رو مستقیم توی سایت باز کنین
https://mrgolden1.github.io/pdf-explorer/
@DevTwitter | <M.Ali/>
https://mrgolden1.github.io/pdf-explorer/
@DevTwitter | <M.Ali/>
این هم iOS رو آورده توی داکر؛ از طریق مرورگر بیدردسر میشه بهش دسترسی داشت.
دارم نصبش میکنم ببینم میشه از MAC آدرسش برای بیلد این برنامههای iOS مسخره استفاده کرد یا نه.
https://github.com/dockur/macos
@DevTwitter | <Mohammad/>
دارم نصبش میکنم ببینم میشه از MAC آدرسش برای بیلد این برنامههای iOS مسخره استفاده کرد یا نه.
https://github.com/dockur/macos
@DevTwitter | <Mohammad/>
This media is not supported in your browser
VIEW IN TELEGRAM
یک ریپو روی گیتهاب اومده و مدل (TTS)/ متن به گفتار kokoro را تبدیل کرده به web app با fastAPI و داکر، هم برای CPU و هم GPU. میتونید با یک دستور، داکر را بگیرید و ران کنید. این مدل کلا ۸۲ میلیون پارامتر داره و روی CPU هم خیلی سریع هست. بعد از اجرا اپ را باز کنید، متن را وارد کنید و صدای دلخواه را انتخاب کنید، و اجرا کنید تا صدا تولید بشه. ویدیویی که درست کردم را ببینید. میتونید به صورت streaming هم صدا را بفرستید مثلا توی چت بات ها!
عالیه!
Github: https://github.com/remsky/Kokoro-FastAPI
@DevTwitter | <Mehdi Allahyari/>
عالیه!
Github: https://github.com/remsky/Kokoro-FastAPI
@DevTwitter | <Mehdi Allahyari/>
توی deepseek اگر فارسی بهتون جواب بده و کد هم توش بخواین همش چپ چین میشه که توضیحات فارسی رو بد میکنه
یه خط کد CSS لازم داشت منم براش اکستنشن نوشتم که هربار نخواین تغییر بدین یا متوجه متن نشین
لینک ریپو
https://github.com/alipalvane/deepseek-rtl-fixer
@DevTwitter | <Ali Palvane/>
یه خط کد CSS لازم داشت منم براش اکستنشن نوشتم که هربار نخواین تغییر بدین یا متوجه متن نشین
لینک ریپو
https://github.com/alipalvane/deepseek-rtl-fixer
@DevTwitter | <Ali Palvane/>
اگر دارید PHP یاد میگیرید مخصوصا در بحث OOP و Auth
این ریپازیتوری که به تازگی دارم روش وقت میزارم و کامل میکنم میتونه کمکتون کنه
https://github.com/MisaghMomeniB/User-Auth-System-PHP
@DevTwitter | <Misagh Momeni Bashusqeh/>
این ریپازیتوری که به تازگی دارم روش وقت میزارم و کامل میکنم میتونه کمکتون کنه
https://github.com/MisaghMomeniB/User-Auth-System-PHP
@DevTwitter | <Misagh Momeni Bashusqeh/>
This media is not supported in your browser
VIEW IN TELEGRAM
برای httpserver اسمبلی م، پشتیبانی از php رو نوشتم
با استفاده از php_fpm و ساختار fastCgi فایل php رو میخونه اجرا میکنه
https://github.com/xmrrabbitx/httpserver
@DevTwitter | <hadi mirzaei/>
با استفاده از php_fpm و ساختار fastCgi فایل php رو میخونه اجرا میکنه
https://github.com/xmrrabbitx/httpserver
@DevTwitter | <hadi mirzaei/>
ابزاری آنلاین برای جستجوی بیش از ۱۸ میلیون سند PDF! یکی از مزایای این موتور جستجوی مستندات اینه که فهرست مطالب سندها مستقیماً در نتایج جستجو نمایش داده میشه.
خلاصه خیلی خوب و کاربردی هستش
لینک :
https://PDFSearch.io
@DevTwitter | <Mr.programmer/>
خلاصه خیلی خوب و کاربردی هستش
لینک :
https://PDFSearch.io
@DevTwitter | <Mr.programmer/>
ظاهرا jcal یه مشکلی تو محاسبه سال کبیسه داره. من سورسشو از https://git.savannah.gnu.org/git/jcal.git گرفتم و با یه فرمول سادهتر جایگزینش کردم. اما نمیدونم تو اون سایت چطوری میشه پول ریکوئست زد و ...
فعلا گذاشتمش تو گیتهاب
https://github.com/Rahmanism/jcal
رو سیستم خودمم کار میکنه :))
@DevTwitter | <Rahmanism/>
فعلا گذاشتمش تو گیتهاب
https://github.com/Rahmanism/jcal
رو سیستم خودمم کار میکنه :))
@DevTwitter | <Rahmanism/>
این ابزار نواقص اکسپلورر ویندوز رو برطرف کرده:
فولدرها در تبِ جدید اکسپلوررِ فعلی باز میشن و اگر قبلا باز بودن همون تب باز میشه. با Ctrl+Shift+T تب بسته به همراه Selectionش برمیگرده. با انتخاب چند فولدر و Enter همه همزمان در تبهای جدا باز میشن و ...
https://github.com/w4po/ExplorerTabUtility
@DevTwitter | <Ayub Kokabi/>
فولدرها در تبِ جدید اکسپلوررِ فعلی باز میشن و اگر قبلا باز بودن همون تب باز میشه. با Ctrl+Shift+T تب بسته به همراه Selectionش برمیگرده. با انتخاب چند فولدر و Enter همه همزمان در تبهای جدا باز میشن و ...
https://github.com/w4po/ExplorerTabUtility
@DevTwitter | <Ayub Kokabi/>
ریپوهای Awesome رو همیشه دوست داشتم ولی تو گرایش ژئوفیزیک نبودش. سر همین یه ریپوی Awesome نوشتیم براشون که کارشون راحتتر باشه :) اگر خوشتون اومد یه بدید و اگر تونستید توی توسعهاش کمکمون کنید ؛)
https://github.com/aradfarahani/awesome-geophysics
@DevTwitter | <Arad/>
https://github.com/aradfarahani/awesome-geophysics
@DevTwitter | <Arad/>
معرفی پروژه Quick Connect
فرقی نمیکنه اپلیکیشن شما تو چه دسته ای قرار میگیره در هر صورت به این قابلیت ها نیاز داره:
- کاربر ها بتونن به شکلی ساده و خوشایند با پشتیبانی تماس برقرار کنن.
- اپلیکیشن شما بتونه به خوبی با بازدید کننده ها، تعامل برقرار کنه.
کوئیک کانکت قراره همه این دغدغه هارو حل کنه اونم بصورت رایگان و اپن سورس!
با کوئیک کانکت مثل ابزار Crisp و یا تو ایران «گفتینو»، می تونید به پروژتون چت آنلاین رو اضافه کنید.
اگه دقت کرده باشید وب سایت های پربازدید مثل digikala و filimo و zoomit قابلیتی شبیه به استوری اینستاگرام اضافه کردن که باعث افزایش تعامل با کاربر میشه. همچنین کوئیک کانکت هم، قابلیت جذاب استوری رو قراره داشته باشه.
پروژه سبک و قابل مقیاس است و زبان مورد استفاده گولنگه.
اگه توانایی کانتریبیوت کردن دارید، خوشحال میشیم جوین بشید.«برای نحوه کانتریبیوت به گیتهاب پروژه مراجعه کنید»
منتظر حمایت و استار شما هستیم تا بهمون انگیزه بده این پروژه جذابو پیش ببریم.
لینک پروژه:
https://github.com/syntaxfa/quick-connect
@DevTwitter | <alireza-fa/>
فرقی نمیکنه اپلیکیشن شما تو چه دسته ای قرار میگیره در هر صورت به این قابلیت ها نیاز داره:
- کاربر ها بتونن به شکلی ساده و خوشایند با پشتیبانی تماس برقرار کنن.
- اپلیکیشن شما بتونه به خوبی با بازدید کننده ها، تعامل برقرار کنه.
کوئیک کانکت قراره همه این دغدغه هارو حل کنه اونم بصورت رایگان و اپن سورس!
با کوئیک کانکت مثل ابزار Crisp و یا تو ایران «گفتینو»، می تونید به پروژتون چت آنلاین رو اضافه کنید.
اگه دقت کرده باشید وب سایت های پربازدید مثل digikala و filimo و zoomit قابلیتی شبیه به استوری اینستاگرام اضافه کردن که باعث افزایش تعامل با کاربر میشه. همچنین کوئیک کانکت هم، قابلیت جذاب استوری رو قراره داشته باشه.
پروژه سبک و قابل مقیاس است و زبان مورد استفاده گولنگه.
اگه توانایی کانتریبیوت کردن دارید، خوشحال میشیم جوین بشید.«برای نحوه کانتریبیوت به گیتهاب پروژه مراجعه کنید»
منتظر حمایت و استار شما هستیم تا بهمون انگیزه بده این پروژه جذابو پیش ببریم.
لینک پروژه:
https://github.com/syntaxfa/quick-connect
@DevTwitter | <alireza-fa/>
امروز یه تصمیم سخت ولی هیجانانگیز گرفتم!
مدتی بود کوئریهام روی دیتابیس کند شده بودن، مخصوصاً وقتی حجم دیتا زیاد میشد.
داشتم فکر میکردم چطور هم مقیاسپذیرتر بشم، هم گزارشگیری رو سریعتر کنم، بدون اینکه سرور بسوزه!
راهحل چی بود؟
یه ترکیب جالب:
1- دادههای کاربران رو بهازای هر ۵۰۰۰ نفر تو جدول جدا ریختم (شاردینگ دستی).
2- بعد یه materialized view ساختم که خلاصهی دیتا از همهی شاردها رو کش میکنه برای گزارشگیری سریعتر.
نتیجه؟
سرعتی که دیدم واقعاً لذتبخش بود! حس کردم یه نفس عمیق به دیتابیس دادم.
یه تجربهی جالب دیگه تو مسیر بهینهسازی و مقیاسپذیری سیستم.
@DevTwitter | <Sajjad Zibafar/>
مدتی بود کوئریهام روی دیتابیس کند شده بودن، مخصوصاً وقتی حجم دیتا زیاد میشد.
داشتم فکر میکردم چطور هم مقیاسپذیرتر بشم، هم گزارشگیری رو سریعتر کنم، بدون اینکه سرور بسوزه!
راهحل چی بود؟
یه ترکیب جالب:
1- دادههای کاربران رو بهازای هر ۵۰۰۰ نفر تو جدول جدا ریختم (شاردینگ دستی).
2- بعد یه materialized view ساختم که خلاصهی دیتا از همهی شاردها رو کش میکنه برای گزارشگیری سریعتر.
نتیجه؟
سرعتی که دیدم واقعاً لذتبخش بود! حس کردم یه نفس عمیق به دیتابیس دادم.
یه تجربهی جالب دیگه تو مسیر بهینهسازی و مقیاسپذیری سیستم.
@DevTwitter | <Sajjad Zibafar/>
بهترین کورس ها برای یادگیری حوزه LLM
1. https://github.com/mlabonne/llm-course
2. https://huggingface.co/learn/llm-course
@DevTwitter | <Shojaei/>
1. https://github.com/mlabonne/llm-course
2. https://huggingface.co/learn/llm-course
@DevTwitter | <Shojaei/>
ابزار دیجیکالا برای Agent ها
ابزاری به نام digikala_search_tool توسعه یافته که به agent های هوش مصنوعی امکان میدهد تا با استفاده از پرسشهای طبیعی و فیلترهای قیمت، به جستجوی محصولات در دیجیکالا بپردازند. این ابزار با LangChain ساخته شده و به منظور بهبود برنامههای مبتنی بر مدلهای زبانی با دادههای واقعی محصولات طراحی شده است.
نسخه MCP به زودی توسعه داده خواهد شد.
https://github.com/dariush-bahrami/digikala-tools
@DevTwitter | <Ali/>
ابزاری به نام digikala_search_tool توسعه یافته که به agent های هوش مصنوعی امکان میدهد تا با استفاده از پرسشهای طبیعی و فیلترهای قیمت، به جستجوی محصولات در دیجیکالا بپردازند. این ابزار با LangChain ساخته شده و به منظور بهبود برنامههای مبتنی بر مدلهای زبانی با دادههای واقعی محصولات طراحی شده است.
نسخه MCP به زودی توسعه داده خواهد شد.
https://github.com/dariush-bahrami/digikala-tools
@DevTwitter | <Ali/>
1مقایسهی کامل ISR، SSG، SSR و CSR در Next.js — بهترین روش برای سئو چیست؟
فریمورک Next.js امکانات متنوعی برای رندر صفحات ارائه میدهد که بر اساس نوع پروژه و نیاز به سئو یا عملکرد، میتوان از آنها استفاده کرد. در این مقاله، تفاوتهای میان ۴ روش رندر — SSG، ISR، SSR و CSR — را بررسی کردیم.
روش SSG برای صفحاتی با محتوای ثابت عالی است و بهترین عملکرد و سئو را دارد.
روش ISR ترکیبی از سرعت SSG و امکان بهروزرسانی استاتیک است.
روش SSR مناسب زمانی است که محتوا باید همیشه تازه باشد و شخصیسازی دارد.
روش CSR فقط زمانی توصیه میشود که سئو اهمیت زیادی نداشته باشد.
اگر به دنبال بالاترین عملکرد همراه با سئو هستید، SSG یا ISR بهترین گزینهها هستند. برای محتوای حساس به زمان، SSR را انتخاب کنید. CSR را فقط در صفحات داخلی مانند داشبورد کاربر به کار ببرید.
@DevTwitter | <Omid Araghi/>
فریمورک Next.js امکانات متنوعی برای رندر صفحات ارائه میدهد که بر اساس نوع پروژه و نیاز به سئو یا عملکرد، میتوان از آنها استفاده کرد. در این مقاله، تفاوتهای میان ۴ روش رندر — SSG، ISR، SSR و CSR — را بررسی کردیم.
روش SSG برای صفحاتی با محتوای ثابت عالی است و بهترین عملکرد و سئو را دارد.
روش ISR ترکیبی از سرعت SSG و امکان بهروزرسانی استاتیک است.
روش SSR مناسب زمانی است که محتوا باید همیشه تازه باشد و شخصیسازی دارد.
روش CSR فقط زمانی توصیه میشود که سئو اهمیت زیادی نداشته باشد.
اگر به دنبال بالاترین عملکرد همراه با سئو هستید، SSG یا ISR بهترین گزینهها هستند. برای محتوای حساس به زمان، SSR را انتخاب کنید. CSR را فقط در صفحات داخلی مانند داشبورد کاربر به کار ببرید.
@DevTwitter | <Omid Araghi/>
این مقاله نکات ساده و مهمی رو برای طراحی distributed systemها میگه
نکاتی که گفته کوتاه و جمع و جوره اما واقعا درسته و کمک میکنه برای طراحی سیستم درست با رعایت کردن یه سری اصول ساده و مهم.
One cache cluster to rule them all
مواظب باشید که سرورهای کش سرویس های مختلف یکی نباشن!
Queues are non-negotiable
وجود queue غیرقابل مذاکره ست، برامون زمان میخره که لود رو مدیریت کنیم!
Measuring end-to-end latency
یادمون نره latency پیام های async رو هم تو سیستم مانیتور کنیم، انباشت شدن شون و اختلاف زمان لحظه درخواست با پردازش شون مهمه.
Design for failure
این یکی که دیگه اصل قضیه ست، انواع و اقسام خطاها تو سیستم ممکنه رخ بده و باید براشون آماده باشیم، استفاده از retry pattern و circuit breaker و dead-letter queue الگوهای کمک کننده هستند.
Design for idempotency
اگه میخوای fault-tolerant باشی لازمه که حتما در ادامه ش idempotent هم باشی چون duplicate callها تقریبا اجتناب ناپذیر هستند در شرایط خطا
https://www.16elt.com/2025/04/19/lessons-from-distributed-systems/
@DevTwitter | <Hossein Nazari/>
نکاتی که گفته کوتاه و جمع و جوره اما واقعا درسته و کمک میکنه برای طراحی سیستم درست با رعایت کردن یه سری اصول ساده و مهم.
One cache cluster to rule them all
مواظب باشید که سرورهای کش سرویس های مختلف یکی نباشن!
Queues are non-negotiable
وجود queue غیرقابل مذاکره ست، برامون زمان میخره که لود رو مدیریت کنیم!
Measuring end-to-end latency
یادمون نره latency پیام های async رو هم تو سیستم مانیتور کنیم، انباشت شدن شون و اختلاف زمان لحظه درخواست با پردازش شون مهمه.
Design for failure
این یکی که دیگه اصل قضیه ست، انواع و اقسام خطاها تو سیستم ممکنه رخ بده و باید براشون آماده باشیم، استفاده از retry pattern و circuit breaker و dead-letter queue الگوهای کمک کننده هستند.
Design for idempotency
اگه میخوای fault-tolerant باشی لازمه که حتما در ادامه ش idempotent هم باشی چون duplicate callها تقریبا اجتناب ناپذیر هستند در شرایط خطا
https://www.16elt.com/2025/04/19/lessons-from-distributed-systems/
@DevTwitter | <Hossein Nazari/>
کل سیستم پرامپت Claude لیک شده که 24 هزار توکنه! از لینک زیر میتونید مطالعه کنید.
میتونه راهنمای خیلی خوبی در توسعه llmها براتون باشه.
https://raw.githubusercontent.com/asgeirtj/system_prompts_leaks/refs/heads/main/claude.txt
@DevTwitter | <Reza Jafari/>
میتونه راهنمای خیلی خوبی در توسعه llmها براتون باشه.
https://raw.githubusercontent.com/asgeirtj/system_prompts_leaks/refs/heads/main/claude.txt
@DevTwitter | <Reza Jafari/>
الان که دیگه llama.cpp پشتیبانی از مدلهای VLM را هم روی سرور و Web UI اضافه کرده میتونید مدلهای بخصوص کوچک VLM را به صورت لوکال ران کنید. مثلا این دمو مدل SmolVLM 500M را load کرده و به صورت realtime داره اجرا میکنه. کدش ۲۰۰ خط هم نیست. این لینکش:
https://github.com/ngxson/smolvlm-realtime-webcam
@DevTwitter | <Mehdi Allahyari/>
https://github.com/ngxson/smolvlm-realtime-webcam
@DevTwitter | <Mehdi Allahyari/>