یه مشت ابزار کاربردی که احتمالا از اونها بی خبر بودی 💀🔥
در حوزه فرانت‌اند روزانه ابزارهای زیادی پا به عرصه رقابت میزارن و همه اونها یک هدف دارن، راحتیه دولوپر!
مقاله زیر چندین ابزار و سایت کاربردی معرفی کرده که ارزش دیدن داره و پیشنهاد میکنم از دستشون ندید.
🔗 Link
#article #tools
@CodeModule
در حوزه فرانت‌اند روزانه ابزارهای زیادی پا به عرصه رقابت میزارن و همه اونها یک هدف دارن، راحتیه دولوپر!
مقاله زیر چندین ابزار و سایت کاربردی معرفی کرده که ارزش دیدن داره و پیشنهاد میکنم از دستشون ندید.
🔗 Link
#article #tools
@CodeModule
Medium
8 Frontend Tools to Become a Better Developer
As the web development field continues to evolve, front-end developers are constantly looking for tools to streamline their workflows…
🔥14❤🔥3
Swagger این ابزار رو ببینه جیغ می‌کشه!
پکیج swagger-typescript-api یک ابزار قدرتمند و کاربردیه که بهتون کمک میکنه بر اساس Swagger پروژتون، کدهایی رو که شامل اینترفیس‌ها، تایپ‌ها، و فانکشن‌های مورد نیاز برای تعامل با API هستن، به‌طور خودکار تولید کنید. کافیه آدرس swagger پروژه رو تحویلش بدید تا شیک و مجلسی، کل کوئری های مورد نیاز رو جنریت کنه.
قابلیت‌ها و کاربردهای اصلی 👇🏻
1.تولید تایپ‌ها و اینترفیس‌ها:
این پکیج فایل TypeScript تولید میکنه که شامل تمام تایپ‌های مربوط به داده‌هایی هست که API شما دریافت یا ارسال میکنه. این کار باعث جلوگیری از خطاهای تایپی و افزایش سرعت توسعه میشه.
2.ایجاد ریکوست فانکشن ها:
فانکشن‌هایی برای فراخوانی هر یک از endpointهای API تولید میکنه که مستقیماً با تایپ‌های TypeScript همخوانی دارن.
3.پشتیبانی از OpenAPI:
به‌طور کامل از نسخه‌های OpenAPI (مانند OpenAPI 3.0) پشتیبانی میکنه.
4.سفارشی‌سازی بالا:
می‌تونید قالب(template)های خودتون رو برای تولید کد سفارشی استفاده کنید. در کل گزینه‌های متنوعی برای تنظیم ساختار خروجی فراهم هست.
به طور خلاصه این پکیج به شدت سرعت توسعه رو بالا میبره و با مدل تایپ های تمیز و مرتب، از خطاهای احتمالی پروژتون جلوگیری میکنه.
(این ابزار خوراک ریکت کوئری دولوپر ها هست)
🔗 Link
#tools #swagger
@CodeModule
پکیج swagger-typescript-api یک ابزار قدرتمند و کاربردیه که بهتون کمک میکنه بر اساس Swagger پروژتون، کدهایی رو که شامل اینترفیس‌ها، تایپ‌ها، و فانکشن‌های مورد نیاز برای تعامل با API هستن، به‌طور خودکار تولید کنید. کافیه آدرس swagger پروژه رو تحویلش بدید تا شیک و مجلسی، کل کوئری های مورد نیاز رو جنریت کنه.
قابلیت‌ها و کاربردهای اصلی 👇🏻
1.تولید تایپ‌ها و اینترفیس‌ها:
این پکیج فایل TypeScript تولید میکنه که شامل تمام تایپ‌های مربوط به داده‌هایی هست که API شما دریافت یا ارسال میکنه. این کار باعث جلوگیری از خطاهای تایپی و افزایش سرعت توسعه میشه.
2.ایجاد ریکوست فانکشن ها:
فانکشن‌هایی برای فراخوانی هر یک از endpointهای API تولید میکنه که مستقیماً با تایپ‌های TypeScript همخوانی دارن.
3.پشتیبانی از OpenAPI:
به‌طور کامل از نسخه‌های OpenAPI (مانند OpenAPI 3.0) پشتیبانی میکنه.
4.سفارشی‌سازی بالا:
می‌تونید قالب(template)های خودتون رو برای تولید کد سفارشی استفاده کنید. در کل گزینه‌های متنوعی برای تنظیم ساختار خروجی فراهم هست.
به طور خلاصه این پکیج به شدت سرعت توسعه رو بالا میبره و با مدل تایپ های تمیز و مرتب، از خطاهای احتمالی پروژتون جلوگیری میکنه.
(این ابزار خوراک ریکت کوئری دولوپر ها هست)
🔗 Link
#tools #swagger
@CodeModule
GitHub
GitHub - acacode/swagger-typescript-api: Generate the API Client for Fetch or Axios from an OpenAPI Specification
Generate the API Client for Fetch or Axios from an OpenAPI Specification - acacode/swagger-typescript-api
🔥63⚡10❤🔥2
از لودینگ های معمولی خسته شدی؟ برو سراغ skeleton 💀
سایت skeletonreact ابزاری برای ایجاد کامپوننت‌های اسکلت انیمیشنی هست و از خروجی در قالب‌هایی نظیر React، React Native، Vue و Vanilla HTML پشتیبانی میکنه. انیمیشن های اسکلتی رو میتونیم به عنوان جایگزینی برای لودینگ‌های معمولی و خسته کننده در نظر بگیریم، و اونها به ما این قابلیت رو میدن که به کاربران پیش‌نمایشی از ساختار صفحات، مثل مکان‌نماهایی برای متون یا تصاویر ارائه بدیم تا تجربه کاربری بهتری در زمان بارگذاری داده‌ها فراهم بشه.
🔗 Link
#tools #skeleton
@CodeModule
سایت skeletonreact ابزاری برای ایجاد کامپوننت‌های اسکلت انیمیشنی هست و از خروجی در قالب‌هایی نظیر React، React Native، Vue و Vanilla HTML پشتیبانی میکنه. انیمیشن های اسکلتی رو میتونیم به عنوان جایگزینی برای لودینگ‌های معمولی و خسته کننده در نظر بگیریم، و اونها به ما این قابلیت رو میدن که به کاربران پیش‌نمایشی از ساختار صفحات، مثل مکان‌نماهایی برای متون یا تصاویر ارائه بدیم تا تجربه کاربری بهتری در زمان بارگذاری داده‌ها فراهم بشه.
🔗 Link
#tools #skeleton
@CodeModule
🔥27⚡4👌1💔1