Use with CollectionView about render HOT 6 CLOSED

import Foundation
import UIKit
import Render

struct CollectionState: StateType {
    var id: String = "collectionContainer"
    var elements: [NodeType] = [layoutBuilder("")]
    var layoutAs: String = "flow"
    var direction: String = "vertical"
}

class CollectionContainer: ComponentView<CollectionState>, UICollectionViewDataSource, UICollectionViewDelegate {
    
    var collectionView: UICollectionView?
    
    required init() {
        super.init()
        //self.defaultOptions = [.preventViewHierarchyDiff]
    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("Not supported")
    }
    
    override func render() -> NodeType {
        // A container view that wraps it's contents
        func layoutContainer() -> NodeType {
            return Node<UICollectionView>(
                create: {[weak self] in
                    let layout = UICollectionViewFlowLayout()
                    let collectionView = UICollectionView(frame: .zero, collectionViewLayout: layout)
                    collectionView.register(ComponentCollectionViewCell.self, forCellWithReuseIdentifier: CellComponent.reuseIdentifier)
                    collectionView.dataSource = self
                    collectionView.delegate = self
                    collectionView.backgroundColor = UIColor.blue
                    collectionView.isPagingEnabled = true
                    collectionView.showsHorizontalScrollIndicator = false
                    collectionView.showsVerticalScrollIndicator = false
                    collectionView.alwaysBounceHorizontal = true
                    self?.collectionView = collectionView
                    return collectionView
                },
                configure: {(collection,layout,size) in
                    layout.alignSelf = .stretch
                    layout.width = size.width
                    layout.height = size.height
                    configs[self.state.layoutAs]!(layout)
                    configs[self.state.direction]!(layout)
            }
            )}
        
        return layoutContainer()
    }
    
    // tell the collection view how many cells to make
    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        print("Count")
    return state.elements.count
    }
    
    // make a cell for each cell index path
    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        
        let id = CellComponent.reuseIdentifier
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: id, for: indexPath)
        
        if let cell = cell as? ComponentCollectionViewCell {
            cell.mountComponentIfNecessary(CellComponent())
            cell.set(state: CellState(node: self.state.elements[indexPath.row]))
            print("Add Cells")
            cell.update(options: [])
        }
        return cell
    }
}