ranui چهل عنصر r- مستقل از فریمورک دارد و ranuts بیش از ۹۰ ابزار تایپشده با پشتیبانی از tree-shaking. در Vue، React یا HTML ساده و بدون هیچ مرحلهٔ ساخت به کار میروند.
npm i ranui ranutsکتابخانهٔ Web Components مستقل از فریمورک. چهل عنصر r- آمادهٔ استفاده را در Vue، React یا HTML ساده بگذارید.
مرور کامپوننتهابیش از ۹۰ ابزار تایپشده برای رشته، شیء، رنگ، زمان، فایل و DOM. سازگار با tree-shaking و بدون وابستگی.
خواندن مستنداتنوشتههای بلند دربارهٔ موتورهای رندر، برنامهنویسی تابعی، الگوریتمهای مرتبسازی و بستر وب.
شروع خواندنپنج مورد در ranuts، پنج مورد در ranui.
PostMessageBridgeفراخوانی از راه دور مبتنی بر Promise روی postMessage، میان iframe و Worker و تبها، با انتقال structured clone و کانالهای جدا.Applicationگراف صحنه به سبک PixiJS، با موتور رندر قابل تعویض: WebGPU، WebGL یا Canvas.h() · init()DOM مجازی به سبک snabbdom: هایپراسکریپت، patch، ماژولهای قابل تعویض و قلابهای چرخهٔ عمر.TOTPرمزهای یکبارمصرف بر پایهٔ RFC-6238، از SHA-1 تا SHA3-512، بدون هیچ وابستگی رمزنگاری.getMime()جستوجوی دوسویهٔ MIME ⇄ پسوند فایل با حدود ۱۰۰۰ مدخل.<r-player>پخشکنندهٔ ویدئوی HLS با نرخ بیت وفقی و هستهٔ کنترلی ماژولار.<r-colorpicker>انتخابگر کامل HSV با لغزندهٔ فام و شفافیت، و خروجی زندهٔ HEX / RGBA.<r-radar>نمودار راداری ترسیمشده روی canvas، با برچسب و سبک برچسب برای هر محور.<r-math>با Temml که تنبل بارگذاری میشود، LaTeX را تنها با یک ویژگی به MathML بومی تبدیل میکند.<r-scratch>تعامل خراشیدن و آشکار شدن روی canvas، با آستانهٔ تکمیل.هر دو بسته را نصب کنید، عناصر را یک بار ثبت کنید و هرجا خواستید به کار ببرید. نه مرحلهٔ ساخت لازم است نه فریمورک.
$ npm i ranui ranuts // register the <r-*> elements once import 'ranui' import { debounce } from 'ranuts'
<!-- Vue, React, or plain HTML --> <r-button type="primary">Save</r-button> <r-progress percent="66"></r-progress>
عناصر سفارشی استاندارد در هر فریمورکی — و بدون فریمورک — اجرا میشوند.
با TypeScript نوشته شده و همراه با تعریف تایپها منتشر میشود.
خود مستندات یک PWA است و Service Worker اختصاصی دارد.
مرجع ranui و ranuts در هشت زبان نگهداری میشود.