import QtQuick

Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")

    Row {
        anchors.fill: parent

        ListView {
            anchors.top: parent.top
            anchors.bottom: parent.bottom
            width: parent.width / 2

            model: 10000
            spacing: 5

            reuseItems: true

            delegate: Rectangle {
                width: 10
                height: 10
                color: "red"

                Component.onCompleted: console.log("ListView completed")
                Component.onDestruction: console.log("ListView destructed")

                ListView.onPooled: console.log("ListView pooled")
                ListView.onReused: console.log("ListView reused")
            }
        }

        GridView {
            anchors.top: parent.top
            anchors.bottom: parent.bottom
            width: parent.width / 2

            model: 10000
            cellWidth: 50
            cellHeight: 50

            reuseItems: true

            delegate: Rectangle {
                width: 10
                height: 10
                color: "red"

                Component.onCompleted: console.log("GridView completed")
                Component.onDestruction: console.log("GridView destructed")

                GridView.onPooled: console.log("GridView pooled")
                GridView.onReused: console.log("GridView reused")
            }
        }
    }
}