ابزار UI خودم رو نوشتم
بعد از تجربه کلی پکیج گوناگون در فرانت اند، تصمیم گرفتم پکیج خودم رو به نام کادو یوآی بنویسم.
بر پایه Tailwind و React نوشته شده و از پکیج هایی مثل Daisy، Radix، ShadCN الهام گرفتم.
این پکیج در واقع ۲ تا پکیج هست:
Kadoui-css
Kadoui-react
یکی برای استایل، یکی برای لاجیک.
خوشحال میشم npm و GitHub اش رو بخونید.
پ.ن: در نظر دارم کلی کامپوننت بهش اضافه کنم و مثل ShadCN یک cli داشته باشه تا بشه مستقیما استفاده و ویرایشش کرد.
https://www.npmjs.com/package/@kadoui/css
https://www.npmjs.com/package/@kadoui/react
@DevTwitter | <Farzad Vahdati/>
بعد از تجربه کلی پکیج گوناگون در فرانت اند، تصمیم گرفتم پکیج خودم رو به نام کادو یوآی بنویسم.
بر پایه Tailwind و React نوشته شده و از پکیج هایی مثل Daisy، Radix، ShadCN الهام گرفتم.
این پکیج در واقع ۲ تا پکیج هست:
Kadoui-css
Kadoui-react
یکی برای استایل، یکی برای لاجیک.
خوشحال میشم npm و GitHub اش رو بخونید.
پ.ن: در نظر دارم کلی کامپوننت بهش اضافه کنم و مثل ShadCN یک cli داشته باشه تا بشه مستقیما استفاده و ویرایشش کرد.
https://www.npmjs.com/package/@kadoui/css
https://www.npmjs.com/package/@kadoui/react
@DevTwitter | <Farzad Vahdati/>
❤32👎10👍5🔥1
دیگه نگران Ctrl+Shift+C نباش
تا حالا شده تو کروم بخوای یه متن کپی کنی و Ctrl+Shift+C رو بزنی و وقتی میزنی DevTools باز میشه؟
با Banana دیگه خبری از این مشکل نیست متن انتخاب شده همون لحظه کپی میشه و DevTools دیگه باز نمیشه
یه ابزار سبک و سریع برای کسایی که به ترمینال لینوکس عادت دارن و Ctrl+Shift+C برای کپی کردن استفاده میکنن حالا میتونن راحت تو کروم هم از همون عادتشون استفاده کنن بدون دردسر
گیت هاب افزونه :
https://github.com/Arash-Ghayurian/Banana-Extension
@DevTwitter | <Arash Ghayurian/>
تا حالا شده تو کروم بخوای یه متن کپی کنی و Ctrl+Shift+C رو بزنی و وقتی میزنی DevTools باز میشه؟
با Banana دیگه خبری از این مشکل نیست متن انتخاب شده همون لحظه کپی میشه و DevTools دیگه باز نمیشه
یه ابزار سبک و سریع برای کسایی که به ترمینال لینوکس عادت دارن و Ctrl+Shift+C برای کپی کردن استفاده میکنن حالا میتونن راحت تو کروم هم از همون عادتشون استفاده کنن بدون دردسر
گیت هاب افزونه :
https://github.com/Arash-Ghayurian/Banana-Extension
@DevTwitter | <Arash Ghayurian/>
👍69❤38👎21🔥3
اگه ری اکت کار میکنید و یا یه موقع به سرتون زد که برید ری اکت یاد بگیرید برید اینجا و این ساختار رو یه نگاهی بندازید بعضی مواقع ساختار کد اشتباه باعث میشه کلی عقب بیفتین ولی این بهتون حتی گفته چرا این ساختار رو انتخاب کرده، چه جایگزینهایی هست و چطوری میشه سفارشیسازیش کرد، خیلی کوتاه هم هست خوندنش وقتی نمیگیره
https://github.com/alan2207/bulletproof-react
@DevTwitter | <Mahdi Mahmoudzadeh/>
https://github.com/alan2207/bulletproof-react
@DevTwitter | <Mahdi Mahmoudzadeh/>
👍34🔥8❤3👎1
اپ نوشتی فرانت نداری؟
یه وقتی هست داری یه چی مینویسی رو کامند لاین هم درست کار میکنه با خودت میگی یه اینترفیس داشت میزدم خوشگل میشد
میتونی از
gradio استفاده کنی و با کد بنویسی چی میخوای مثلا میگی یه اینپوت میخوام و اینجوری نمایش میدم . اون خودش کاراتو میکنه
اینجا هم میتونی نمونه کداشو ببینی . به نظرم قشنگ نیازتو مرتفع میکنه
http://gradio.app/playground
@DevTwitter | <Babak Doraniarab/>
یه وقتی هست داری یه چی مینویسی رو کامند لاین هم درست کار میکنه با خودت میگی یه اینترفیس داشت میزدم خوشگل میشد
میتونی از
gradio استفاده کنی و با کد بنویسی چی میخوای مثلا میگی یه اینپوت میخوام و اینجوری نمایش میدم . اون خودش کاراتو میکنه
اینجا هم میتونی نمونه کداشو ببینی . به نظرم قشنگ نیازتو مرتفع میکنه
http://gradio.app/playground
@DevTwitter | <Babak Doraniarab/>
👎24👍18❤5🔥1
توی این مقاله از اهمیت یادگیری Docker برای فرانتاند دولوپرا گفتم؛ اینکه چرا نیازه و از کجا و چطور یاد بگیریمش. سعی کردم زبانم تا حد امکان ساده و روان باشه. خوشحال میشم بخونید و اگر نظری دارید برام بنویسید.
https://vrgl.ir/GiGV1
@DevTwitter | <Hesam Seyfollahi/>
https://vrgl.ir/GiGV1
@DevTwitter | <Hesam Seyfollahi/>
👍28👎8❤3🔥1
چند هفتهست دارم با Bun کار میکنم. اولش مثل همه فکر میکردم صرفاً یه آلترناتیو سریعتر برای Node.jsـه.
ولی واقعاً فقط سریعتر بودن نیست. حس میکنم دارم با یه چیزی کار میکنم که برای سال ۲۰۳۰ ساخته شده، نه ۲۰۲۰.
- سرعت اجراش فوقالعادهست
- نصب پکیجها توی چند ثانیه!
- نیاز به تنظیمات پیچیده تقریباً صفره
- و TypeScript؟ انگار از اول برای Bun نوشته شده!
تو دنیایی که هر روز یه ابزار جدید میاد و میره، Bun داره یه سوال جدی مطرح میکنه:
آیا وقتشه Node.js رو کنار بذاریم؟
من نمیگم الان همه مهاجرت کنن، ولی اگه اهل تجربه و آیندهنگری باشی، حداقل باید یه پروژهی کوچک رو باهاش تست کنی.
@DevTwitter | <Amirhossein Dehghaniazar/>
ولی واقعاً فقط سریعتر بودن نیست. حس میکنم دارم با یه چیزی کار میکنم که برای سال ۲۰۳۰ ساخته شده، نه ۲۰۲۰.
- سرعت اجراش فوقالعادهست
- نصب پکیجها توی چند ثانیه!
- نیاز به تنظیمات پیچیده تقریباً صفره
- و TypeScript؟ انگار از اول برای Bun نوشته شده!
تو دنیایی که هر روز یه ابزار جدید میاد و میره، Bun داره یه سوال جدی مطرح میکنه:
آیا وقتشه Node.js رو کنار بذاریم؟
من نمیگم الان همه مهاجرت کنن، ولی اگه اهل تجربه و آیندهنگری باشی، حداقل باید یه پروژهی کوچک رو باهاش تست کنی.
@DevTwitter | <Amirhossein Dehghaniazar/>
❤47👍15👎12🔥3
اگر روی مک هستین و از ollama استفاده میکنین یه سرویس مشابهش اومده که بیسش روی MLX هست و پرفورمنس بهتری داره
https://github.com/dinoki-ai/osaurus
@DevTwitter | <Armin/>
https://github.com/dinoki-ai/osaurus
@DevTwitter | <Armin/>
👍14❤1🔥1
زبان برنامه نویسی PHP با کلی فریمورک محبوب و کاربردی...
زبان PHP که اولین نسخه اش سال ۱۹۹۵ منتشر شد، تا الان چندین فریمورک رو عرضه کرده که هر کدوم در زمینه های مختلف کارایی دارند.
از این فریمورک ها می تونیم لاراول، سیمفونی، کد ایگنایتِر، Zend و غیره رو مثال بزنیم.
در حال حاضر محبوب ترین فریمورک این زبان لاراول هست که اولین نسخه اش ۱۴ سال پیش (2011) منتشر شد و هدف از ساختنش ارائه جایگزینی برای فریمورک کد ایگنایتر و رفع محدودیت هاش بود.
این فریمورک هم فوق العاده قویه و هم بازار کار بسیار فعال و گسترده ای داره.
در حال حاضر بعد از لاراول فریمورک های سیمفونی و کد ایگنایتر محبوب هستن.
توی تصویر زیر به صورت خلاصه و جمع و جور آمار استفاده از فریمورک ها به همراه کاربرد سه تا از محبوب ترین هاشون رو آوردم.
@DevTwitter | <Parsa Kavian/>
زبان PHP که اولین نسخه اش سال ۱۹۹۵ منتشر شد، تا الان چندین فریمورک رو عرضه کرده که هر کدوم در زمینه های مختلف کارایی دارند.
از این فریمورک ها می تونیم لاراول، سیمفونی، کد ایگنایتِر، Zend و غیره رو مثال بزنیم.
در حال حاضر محبوب ترین فریمورک این زبان لاراول هست که اولین نسخه اش ۱۴ سال پیش (2011) منتشر شد و هدف از ساختنش ارائه جایگزینی برای فریمورک کد ایگنایتر و رفع محدودیت هاش بود.
این فریمورک هم فوق العاده قویه و هم بازار کار بسیار فعال و گسترده ای داره.
در حال حاضر بعد از لاراول فریمورک های سیمفونی و کد ایگنایتر محبوب هستن.
توی تصویر زیر به صورت خلاصه و جمع و جور آمار استفاده از فریمورک ها به همراه کاربرد سه تا از محبوب ترین هاشون رو آوردم.
@DevTwitter | <Parsa Kavian/>
👍41👎24❤3🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
یک سرویسِ email alias کاملاً رایگان از کشورِ لیتوانی که به تعدادِ نامحدود ایمیلِ مستعار میده. تو هر سایتی با یک ایمیلِ مستعارِ جدید ثبتنام میکنید که به ایمیلِ اصلیِ شما فوروارد میشه. هروقت دیدید اسپم میفرسته ایمیلِ مستعار رو حذف میکنید و تمام.
https://yey.email
@DevTwitter | <Ayub/>
https://yey.email
@DevTwitter | <Ayub/>
👍38❤2👎1🔥1
بهترین اپ برای انتقال مدیا و فایل سنگین از آیفون به ویندوز و لینوکس و برعکس بدون شک همینه اوپن سورس و رایگان و استیبل و کار راه انداز
website: localsend.org
github: github.com/localsend/localsend
@DevTwitter | <Voktor Ghorbali/>
website: localsend.org
github: github.com/localsend/localsend
@DevTwitter | <Voktor Ghorbali/>
👍37🔥11❤4👎3
اگر کاربر دسکتاپی اوبونتو هستین من اینجا با قابلیت نصب خودکار اوبونتوهای جدید، یک ساختار خودکار درست کردم که فرایند نصب اوبونتو رو ساده و قابل تکرار کنه و چیزهای ضروریتون رو هم نصب میکنه (مثلا کروم، تلگرام، php و go و ...)
https://github.com/ohmydevops/ohmyautoinstaller
@DevTwitter | <Amir.local/>
https://github.com/ohmydevops/ohmyautoinstaller
@DevTwitter | <Amir.local/>
👎27👍22❤2🔥2
روزی ۲۰ دقیقه دارم Ocaml یاد میگیرم. به عنوان یه زبان فانکشنال اینقدر با زبان های قبلی که کار کردم متفاوت هست که انگار دفعه اولمه کد میزنم.
به عنوان تمرین مغزی و یادگیری یه شیوه جدید فکری بهش نگاه میکنم و هدف خاصی ازش ندارم.
@DevTwitter | <Soroush Sardashti/>
به عنوان تمرین مغزی و یادگیری یه شیوه جدید فکری بهش نگاه میکنم و هدف خاصی ازش ندارم.
@DevTwitter | <Soroush Sardashti/>
👍33👎24❤5🔥1
داریکس یه زبان برنامه نویسی جدیده!
زبان داریکس یه زبان برنامه نویسی نوظهوره و سینتکسی مشابه دارت و پایتون داره و یادگیریش خیلی راحته.
یه نکته جالبی که داخل این زبان دیدم این بوده که گذاشتن سیمیکالن اختیاریه:)
میتونی روی ویندوز، لینوکس و حتی اندروید (ترموکس) اجراش کنی، این زبان اولین زبانیه که توسط یه برنامه نویس افغان به اسم شایان حیدری ساخته شده و تیتر رسانه های برنامه نویسی شده
گیت هاب این زبان اینجاست
https://github.com/shayanheidari01/DariX
@DevTwitter | <یه کاربر پایتون/>
زبان داریکس یه زبان برنامه نویسی نوظهوره و سینتکسی مشابه دارت و پایتون داره و یادگیریش خیلی راحته.
یه نکته جالبی که داخل این زبان دیدم این بوده که گذاشتن سیمیکالن اختیاریه:)
میتونی روی ویندوز، لینوکس و حتی اندروید (ترموکس) اجراش کنی، این زبان اولین زبانیه که توسط یه برنامه نویس افغان به اسم شایان حیدری ساخته شده و تیتر رسانه های برنامه نویسی شده
گیت هاب این زبان اینجاست
https://github.com/shayanheidari01/DariX
@DevTwitter | <یه کاربر پایتون/>
👎141👍47❤9🔥4
با این پکیج به راحتی می تونید یک markdown و json از فایل های پروژه و ساختار دیتابیس تولید کنید.
از فایل های خروجی به راحتی می تونید برای داکیومنت کردن یا تحلیل در هوش مصنوعی استفاده کنید.
به راحتی روی لاراول نصب میشه و دستورات به Artisan اضافه میشه.
توضیحات بیشتر را در صفحه github ببینید
https://github.com/saeedvir/laravel-project-markdown
@DevTwitter | <سعید/>
از فایل های خروجی به راحتی می تونید برای داکیومنت کردن یا تحلیل در هوش مصنوعی استفاده کنید.
به راحتی روی لاراول نصب میشه و دستورات به Artisan اضافه میشه.
توضیحات بیشتر را در صفحه github ببینید
https://github.com/saeedvir/laravel-project-markdown
@DevTwitter | <سعید/>
👍17👎2❤1🔥1
اُمگا ( افزونه فایرفاکس ) منتشر شد.
- توضیحات درمورد سوال :
هر سرچی داشته باشید به راحتی براتون توضیحات دقیق و مفید و مختصر ارائه میده که از جستجو در منابع زیاد بی نیاز باشید.
- ذکر منابع :
چند منبع معتبر و خوب ارائه میده برای مطالعه بیشتر در موضوع مدنظر شما.
- سرچ هر نوع فایل :
به راحتی میتونید هر نوع فایلی که میخواید رو سرچ کنید از موزیک گرفته تا عکس و پی دی اف بهترین و مستقیم ترین منبع رو ارائه میده.
- کپی مطالب :
امکان کپی توضیحات این امکان رو میده که به راحتی توضیحات مفید رو کپی و در جای مدنظرتون پیست کنید.
- سریع و رایگان :
به صورت کاملا رایگان و با سرعت بالا براتون کار میکنه و در خدمتتونه همیشه و همه جا.
- چند پلتفرمی :
این افزونه قابلیت نصب در موبایل و دسکتاپ رو داره و به راحتی میتونید نصب کنید.
- ساپورت سوالات طولانی :
میتونید سوالات طولانی توی باکس سرچ تایپ کنید و به راحتی پاسخ دقیق رو دریافت کنید ( این یعنی فقط در وب سرچ نمیکنه و توانایی جنریت پاسخ هر سوالی رو داره ).
برای نصب میتونید در قسمت افزونه های فایرفاکس اسم افزونه رو سرچ کنید و نصب کنید.
برای نصب مستقیم میتونید از لینک زیر استفاده کنید.
https://addons.mozilla.org/en-US/firefox/addon/omga-ai-search-explainer
@DevTwitter | <Pouria Hosseini/>
- توضیحات درمورد سوال :
هر سرچی داشته باشید به راحتی براتون توضیحات دقیق و مفید و مختصر ارائه میده که از جستجو در منابع زیاد بی نیاز باشید.
- ذکر منابع :
چند منبع معتبر و خوب ارائه میده برای مطالعه بیشتر در موضوع مدنظر شما.
- سرچ هر نوع فایل :
به راحتی میتونید هر نوع فایلی که میخواید رو سرچ کنید از موزیک گرفته تا عکس و پی دی اف بهترین و مستقیم ترین منبع رو ارائه میده.
- کپی مطالب :
امکان کپی توضیحات این امکان رو میده که به راحتی توضیحات مفید رو کپی و در جای مدنظرتون پیست کنید.
- سریع و رایگان :
به صورت کاملا رایگان و با سرعت بالا براتون کار میکنه و در خدمتتونه همیشه و همه جا.
- چند پلتفرمی :
این افزونه قابلیت نصب در موبایل و دسکتاپ رو داره و به راحتی میتونید نصب کنید.
- ساپورت سوالات طولانی :
میتونید سوالات طولانی توی باکس سرچ تایپ کنید و به راحتی پاسخ دقیق رو دریافت کنید ( این یعنی فقط در وب سرچ نمیکنه و توانایی جنریت پاسخ هر سوالی رو داره ).
برای نصب میتونید در قسمت افزونه های فایرفاکس اسم افزونه رو سرچ کنید و نصب کنید.
Omga Aiبرای نصب مستقیم میتونید از لینک زیر استفاده کنید.
https://addons.mozilla.org/en-US/firefox/addon/omga-ai-search-explainer
@DevTwitter | <Pouria Hosseini/>
❤16👎4👍1🔥1
فرق سه تای محبوب دنیای بک اند
خیلی وقت ها اسم Postgres، Redis و RabbitMQ رو می شنویم. ولی واقعاً هر کدوم برای چی ساخته شدن؟
Postgres
- دیتابیس رابطه ای (SQL)
- مناسب دیتاهای اصلی و تراکنشی (کاربر، سفارش، تراکنش ها)
- ویژگی کلیدی: Consistency + Transaction
Redis
- دیتابیس Key-Value داخل RAM
- برای سرعت و کش (Cache، Session، Rate limit)
- ویژگی کلیدی: Speed + Cache
RabbitMQ
- صف پیام Message Broker
- مناسب پردازش async مثل ایمیل و تسویه حساب
- ویژگی کلیدی: Queue + Decouple
جمع بندی کوتاه
Postgres = دفتر ثبت احوال دیتا
Redis = حافظه کوتاه مدت سریع
RabbitMQ = پستچی پیام ها بین سرویس ها
@DevTwitter | <AHMAD SHEIKHI/>
خیلی وقت ها اسم Postgres، Redis و RabbitMQ رو می شنویم. ولی واقعاً هر کدوم برای چی ساخته شدن؟
Postgres
- دیتابیس رابطه ای (SQL)
- مناسب دیتاهای اصلی و تراکنشی (کاربر، سفارش، تراکنش ها)
- ویژگی کلیدی: Consistency + Transaction
Redis
- دیتابیس Key-Value داخل RAM
- برای سرعت و کش (Cache، Session، Rate limit)
- ویژگی کلیدی: Speed + Cache
RabbitMQ
- صف پیام Message Broker
- مناسب پردازش async مثل ایمیل و تسویه حساب
- ویژگی کلیدی: Queue + Decouple
جمع بندی کوتاه
Postgres = دفتر ثبت احوال دیتا
Redis = حافظه کوتاه مدت سریع
RabbitMQ = پستچی پیام ها بین سرویس ها
@DevTwitter | <AHMAD SHEIKHI/>
👍44👎16❤9
این چند وقت که دارم تلاش میکنم پوزیشن بهتری پیدا کنم ، به نظرم لازم بود خودم دارم سوالای مصاحبه ای که با ارمین جمع اوری و تهیه کردیم اینجا هم بزارم شاید نیاز شما هم بشه:
https://github.com/ArminShaikhy/frontend-interview-questions
@DevTwitter | <Omid Javaheri/>
https://github.com/ArminShaikhy/frontend-interview-questions
@DevTwitter | <Omid Javaheri/>
🔥15👍11❤7👎3
این ریپو کتابها براساس تاپیک دسته بندی کرده(مثلا پایتون، دیتاساینس، مالی و...) https://github.com/anvaka/greview
@DevTwitter | <Amir Motahari/>
@DevTwitter | <Amir Motahari/>
🔥12❤2
استفاده از LLM با APIهای رایگان openrouter
برید اینجا و مدلهایی که به صورت رایگان در دسترس هستن لیست شدن:
https://openrouter.ai/models?max_price=0
روی هر مدلی که خواستید کلیک کنید، اگر provider داشت میتونید بدون مشکل ازش استفاده کنید.
@DevTwitter | <Ali Moameri/>
برید اینجا و مدلهایی که به صورت رایگان در دسترس هستن لیست شدن:
https://openrouter.ai/models?max_price=0
روی هر مدلی که خواستید کلیک کنید، اگر provider داشت میتونید بدون مشکل ازش استفاده کنید.
@DevTwitter | <Ali Moameri/>
👍23❤7👎4
اخیراً فرصتی شد که سراغ Goravel برم و کمی باهاش کار کنم.
فریموورک Goravel در واقع یک فریمورک شبیه به Laravel اما برای زبان Go هست. چیزی که برام خیلی جالب بود اینه که دقیقا همون حس و حال لاراول رو منتقل میکنه؛ از ساختار پوشهها گرفته تا ORM به سبک Eloquent، migrationها و حتی سیستم queue و job.
اگر قبلاً با Laravel کار کرده باشید، ورود به Goravel خیلی راحت میشه و میتونید سریع پروژههاتون رو توی Go استارت بزنید. سرعت بالای Go هم در کنار معماری آشنا و تمیز لاراول باعث میشه تجربه جذابی باشه.
به نظرم برای کسایی که دنبال قدرت و سرعت Go هستن ولی در عین حال نمیخوان از دنیای راحتی و productivity لاراول جدا بشن، Goravel میتونه انتخاب خیلی خوبی باشه.
لینک پروژه:
https://goravel.dev
@DevTwitter | <ehsan moradi/>
فریموورک Goravel در واقع یک فریمورک شبیه به Laravel اما برای زبان Go هست. چیزی که برام خیلی جالب بود اینه که دقیقا همون حس و حال لاراول رو منتقل میکنه؛ از ساختار پوشهها گرفته تا ORM به سبک Eloquent، migrationها و حتی سیستم queue و job.
اگر قبلاً با Laravel کار کرده باشید، ورود به Goravel خیلی راحت میشه و میتونید سریع پروژههاتون رو توی Go استارت بزنید. سرعت بالای Go هم در کنار معماری آشنا و تمیز لاراول باعث میشه تجربه جذابی باشه.
به نظرم برای کسایی که دنبال قدرت و سرعت Go هستن ولی در عین حال نمیخوان از دنیای راحتی و productivity لاراول جدا بشن، Goravel میتونه انتخاب خیلی خوبی باشه.
لینک پروژه:
https://goravel.dev
@DevTwitter | <ehsan moradi/>
👎29👍22🔥5❤2
ابزار Django-MG یک ابزار سریع برای ساخت مدلهای جنگو بدون نیاز به پیکربندی است. فقط با چند دستور کوتاه و انتخاب کدهای عددی میتوان مدلها را با فیلدهای آماده تولید کرد.
ویژگیها
تولید خودکار مدل با فیلدهای متنوع (CharField, Money, DateTime و …) با کدهای عددی.
پشتیبانی از افزونههای جانبی مثل django-money، django-ckeditor، django-taggit و غیره.
مناسب برای پروژههای سریع، نمونهسازی و کاهش خطا در تعریف مدلها.
https://pypi.org/project/django-mg/
@DevTwitter | <خالی/>
ویژگیها
تولید خودکار مدل با فیلدهای متنوع (CharField, Money, DateTime و …) با کدهای عددی.
پشتیبانی از افزونههای جانبی مثل django-money، django-ckeditor، django-taggit و غیره.
مناسب برای پروژههای سریع، نمونهسازی و کاهش خطا در تعریف مدلها.
https://pypi.org/project/django-mg/
@DevTwitter | <خالی/>
❤17👎7👍4🔥1