El directorio ui_component contiene la definición xml de la cuadrícula (o formulario) utilizada en el backend. Dentro de su archivo de diseño puede hacer referencia al componente ui con:
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<update handle="styles"/>
<body>
<referenceContainer name="content">
<uiComponent name="sample_demolist_listing"/>
</referenceContainer>
</body>
</page>
Esto cargará el archivo: view / adminhtml / ui_component / sample_demolist_listing.xml, aquí usted define (para una cuadrícula) qué fuente de datos desea usar, qué campos están disponibles para mostrar, campos que desea filtrar y acciones en masa. Consulte https://github.com/Genmato/M2_Sample/blob/7c0c771c4d66f2ea4eec285bfb9f8ad5d1c67999/view/adminhtml/ui_component/sample_demolist_listing.xml (el archivo es demasiado grande para incluirlo aquí).
El origen de datos es que se hace referencia en el ui_component xml se crea a través del di.xml definiendo:
<type name="Magento\Framework\View\Element\UiComponent\DataProvider\CollectionFactory">
<arguments>
<argument name="collections" xsi:type="array">
<item name="sample_demolist_listing_data_source" xsi:type="string">Genmato\Sample\Model\ResourceModel\Demo\Grid\Collection</item>
</argument>
</arguments>
</type>
En este caso, la colección se utiliza desde Model\ResourceModel\Demo\Grid\Collection.
Consulte https://github.com/Genmato/M2_Sample/releases/tag/0.7.6 para usarlo en su propio módulo.