معرفی ابزارهای تازه پیشرفت وب در سال ۲۰۱۹ (سری دوم)

این مقاله دامنه سری از خوب ترین و تازه ترین ابزارهای پیشرفت وب است که تاکنون در سال ۲۰۱۹ منتشر شده. در این سری به معرفی ابزارهای تازه جاوااسکریپت و React می پردازیم.

JavaScript tools

۱ . ScrollHint

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

۲ . ToastUI Editor

ToastUI Editor یک ویرایشگر WYSIWYG Extensible است که ویژگی Markdown GitHub را همراه با پسوند برای تولید نوارهای نمودار جذاب و نمودارهای مبتنی بر UML ارائه می دهد.

۳ . FilePond

FilePond یک کتابخانه جاوا اسکریپت است که برای اضافه کردن یک جزء آپلود فایل به برنامه شما طراحی شده است. عکس ها برای کمک به ضمانت آپلود فوری تر، بهینه سازی می شوند. استفاده از FilePond رضایت شما را جلب خواهد کرد.

۴ . Swup

Swup یک کتابخانه انتقال پیج صمیمانه و ابتدایی است که در اطراف گذاره‌ای CSS کار می‌کند. از این رویدادها می توانید برای انجام کارهایی مثل اجرای جاوا اسکریپت، تحریک تجزیه و تحلیل و یا بستن sidebars استفاده کنید. اگر انیمیشن‌های مبتنی بر جاوا اسکریپت داشته باشید می توانید از یک ضمیمه JavaScript اختیاری موجود استفاده کنید.

۵ . Dinero.js

از کتابخانه Dinero.js برای کار با مقادیر پولی در جاوا اسکریپت استفاده می شود، که شامل API immutable و chainable، تنظیمات بین المللی، فرمت extended و تبدیل پول و تبدیل ارز می‌باشد.

۶ . Selection.js 

این کتابخانه شما را قادر می‌سازد که انتخاب‌های رومیزی مانند در دسترس داشته باشید. برای نمونه، می‌توانید آیتم‌های چندگانه را کلیک کرده و یا می توانید گروهی از اشیا در پیج را انتخاب کنید و یا از Cmd / مهار + برای انتخاب سایر عناصر استفاده کنید.

۷ . Glider.js 

با دقت به وبسایت Glider.js، این یک کشویی فوری، بسیار کوچک، واکنش گرا، سازگار با اسمارتفون، carousel / dependency / free با کنترل‌های مربوط به پیج‌بندی است. شامل یک نمای سه‌بعدی و عملکردی عالی روی اسمارتفون و دسکتاپ به وسیله از کشیدن یا ضربه زدن است.

۸ . ScrollOut

برای نمایش دادن هر گونه ویرایش یک کاربر برای آشکار کردن، از ScrollOut استفاده کنید. عناصر Animate با JavaScript جاوا اسکریپت، selectors CSS و یا متغیرهای CSS.

React tools

۹ . RSUITE

این مجموعه شامل تعداد زیادی از مولفه‌ها با تعاملات غنی، مانند modals، هشدارها، popovers، کشوها، میله‌های توسعه، عناصر فرم، نشان داده و خیلی چیزهای دیگر است.

۱۰ . Pagedraw

یک ویرایشگر زنده با هم‌کاری WYSIWYG که کد برای اجزای زاویه‌ای / واکنش شما ساخت می‌کند. با Pagedraw، شما می‌توانید اجزای واکنش را طبق معمول رسم کنید، اما تفاوت عظیم این است که آن‌ها می‌توانند به صورتی که بصورت دستی کدگذاری شده‌اند گزینه استفاده قرار گیرند.

۱۱ . react-smooth-dnd

همه ما از ارزش داشتن کتابخانه های شرکت یافته قدردانی می کنیم. این کتابخانه ی کاملی برای React است که مورد های گوناگونی برای سناریوهای مختلف کشیدن و رها ارائه می دهد.

۱۲ . Unstated

کتابخانه های مدیریت دولتی زیادی وجود دارد. که هدفشان سهولت استفاده از آن میزبانی. با Unstated، شما در بالای الگوهای طراحی شده با استفاده React Components و context قرار می گیرید.

۱۳ . SVGR

SVGs را به وسیله از CLI یا به عنوان یک متصل شونده webpack ،rollup و یا بند متصل دار به اجزای واکنش تبدیل کنید. شما می‌توانید یک زمین‌بازی آنلاین را تجربه کنید که کد SVG قابل تغییر را به سرعت به شما نمایش می‌دهد.