A React Native component that provides a native iOS UITableView with JSON support and high-performance list rendering.
React Native TableView is a React Native library that provides a wrapper around the native iOS UITableView component. It allows developers to render high-performance, native-feeling lists within their React Native iOS applications, with features like JSON data source loading, built-in editing, pull-to-refresh, and customizable cell styles. It solves the problem of rendering large lists efficiently while maintaining the authentic iOS user experience.
React Native developers building iOS applications who need to display long, performant lists with native iOS table interactions and styling. It's particularly useful for apps requiring data-heavy tables like country selectors, settings menus, or any scrollable list interface.
Developers choose React Native TableView because it delivers true native iOS UITableView performance and aesthetics within React Native, avoiding the performance pitfalls of JavaScript-heavy list implementations. Its unique JSON data source support allows loading large datasets directly from the bundle, significantly reducing JavaScript parsing time.
Native iOS UITableView for React Native with JSON support and more
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Utilizes UITableView for smooth scrolling with large datasets, avoiding JavaScript performance loss, as demonstrated in the demo with 5000 users fetching from an API.
Loads and filters JSON directly from the app bundle using the json prop, reducing JavaScript parsing time for large datasets like state lists.
Supports native editing modes for moving and deleting rows with configurable canMove and canEdit props per item or section, shown in the editing example GIF.
Includes a native pull-to-refresh implementation via canRefresh and onRefresh props, seamlessly integrating with iOS table interactions.
Only supports iOS by wrapping UITableView, making it unsuitable for cross-platform React Native apps and forcing developers to use alternatives for Android.
Creating editable custom cells requires reactModuleForCell with cumbersome steps like registering components as App roots, leading to debugging issues like unbalanced calls.
Custom cells (TableView.Cell) cannot be edited or moved and have re-rendering problems (#19), restricting advanced UI interactions without workarounds.