چارچوب دیگر چه ویژگی خاصی در مورد آن وجود دارد؟

من رویای یک کتابخانه رابط کاربری را داشتم که به من اجازه می دهد از جاوا اسکریپت اعلامی استفاده کنم.

خوب، اما منظورم چیست که هر چارچوب/کتابخانه ای خود را اعلامی می نامد.

منظورم از این است!
ui.addButton(parent, text, width, height, options)

و نه jsx یا یک فریمورک کامپایل شده. ماموریت این است که کد کتابخانه اصلی را زیر 1000 خط کد نگه دارید.

ماموریت innerscope ارائه مجموعه ای از توابع اصلی است که می تواند برای ساخت اجزای سفارشی یا پورت یک سیستم طراحی کامل به آن گسترش یابد.

یکی دیگر از تصمیمات طراحی این است که ما از یک کلاس استفاده می کنیم، فقط برای کاهش مشکلات رایج js است.

تنها کاری که باید انجام دهید این است که معمولی باشد index.html فایل
و یک همراه App.js فایل.

صفحه github را در مورد این و تنظیم آن بررسی کنید

نحوه کار این است که من از مفهوم طرح‌بندی استفاده می‌کنم، طرح‌بندی‌ها div هستند اما با سبک‌های خاصی مانند flex-start و flex-end.

یک چیدمان به این صورت نامیده می شود:

ui.createLayout(layoutType, options)

4 نوع چیدمان وجود دارد:

• خطی
• مطلق
• کارت
• قاب

و فراموش نکنید که آن را از طریق، به صفحه خود اضافه کنید، ui.addLayout() تابع.

نوشتن اجزا و به اشتراک گذاری آنها

ابتدا تصمیم گرفتم یک کلاس ایجاد کنم ElementComposer این کلاس به شما اجازه می دهد تا با استفاده از این نحو مشابه اجزایی ایجاد کنید و متدهایی مانند (setMargins / setPosition / show & hide) را به ارث می برد.

شما می توانید این روش ها را با اضافه کردن روش های خود گسترش دهید، اما قوانین نحو را بررسی کنید.

هنگام اضافه کردن اجزای خود، می توانید اسکریپت های اضافی و css خود را از طریق بارگذاری کنید ui.loadScript() و ui.loadCSS().

نوشتن کامپوننت ها در js انجام می شود، به این معنی که شما از آن استفاده می کنید
document.createElement() api.
و در نهایت آن را به composer div اضافه کنید.

و شما می توانید رابط کاربری خود را در جاوا اسکریپت بنویسید، علاوه بر آن می توانید از آن در تولید استفاده کنید.
من آن را در npmjs.com منتشر کرده ام و به عنوان یک برچسب اسکریپت در unpkg.com اضافه کرده ام.

https://github.com/oarabiledev/innerscope

با تشکر از توجه شما ❣️❣️❣️❣️