React-like API for
ReactiveLists provides a React-like API for
UICollectionView that makes it easy to write stateless code that generates user interfaces.
In our experience this can make UI code significantly easier to read and maintain. Instead of spreading the definition of your content over various data source methods, you can define the content concisely. The table or collection content and layout are immediately obvious by scanning over the source code.
You can read more about the origins of this library in our announcement blog post.
- React-like declarative API for
- Automatic UI updates, whenever your models change
// Given a view controller with a table view // 1. create cell models let cell0 = ExampleTableCellModel(...) let cell1 = ExampleTableCellModel(...) let cell2 = ExampleTableCellModel(...) // 2. create section models let section0 = ExampleTableSectionViewModel(cellViewModels: [cell0, cell1, cell2]) // 3. create table model let tableModel = TableViewModel(sectionModels: [section0]) // 4. create driver self.driver = TableViewDriver(tableView: self.tableView, tableViewModel: tableModel) // 5. update driver with new table model as it changes let updatedTableModel = self.doSomethingToChangeModels() self.driver.tableViewModel = updatedTableModel // self.tableView will update automatically
An early version of the
UITableView support has been shipping in the PlanGrid app since late 2015 and is now used accross wide parts of the app. The support for
UICollectionView is less mature as we only use
UICollectionView in very few places.
For long-term goals and direction, please see
Read our Getting Started Guide to learn how to use
- Xcode 9.4+
- Swift 4.1+
- iOS 9+
use_frameworks! # For latest release in CocoaPods pod 'ReactiveLists' # Latest on master branch pod 'ReactiveLists', :git => 'https://github.com/plangrid/ReactiveLists.git', :branch => 'master'
ReactiveLists is released under an MIT License. See
LICENSE for details.
Copyright © 2018-present PlanGrid, Inc.