Flexible UI rendering in Magento 2 is possible due to the usage of UI components. By utilizing them, you configure every page of your eCommerce website. Find a brief description of basic Magento 2 UI components in document.
3. Magento 2 UI Library
Magento UI Library
Magento UI library is located under `/lib/web/` folder
➢ Lib
➢ Web
➢ css
➢ Fonts
➢ Images
➢ Jquery
UI library provides the ability to customize and reuse the user interface elements and properties.
4. Liberation Scans
● simple and flexible UI rendering.
● standard module and can be found under MagentoUI namespace.
● providing/supporting interactions of JavaScript components and server
● Vendor
● Magento
● Module-ui
–View
●Base
●ui_component
●Etc
●Definition.xml (UI components base declaration)
●Templates
●Container
●Export
●Form
●Default.xhtml (<uiComponent/> rendering html)
●Listing
●Default.xhtml
●Web
●Js
●Templates
●Form
●Element
●Button.html
●Input.html
The actual rendering of the interface element in the browser is handled by KnockoutJS.