diff --git a/releases/next/docs/integration-with-existing-apps.html b/releases/next/docs/integration-with-existing-apps.html index 634086c4b1a..de1ee483a5d 100644 --- a/releases/next/docs/integration-with-existing-apps.html +++ b/releases/next/docs/integration-with-existing-apps.html @@ -42,7 +42,7 @@ block { display: none; }

General #

First, follow the Getting Started guide for your development environment and the iOS target platform to install the prerequisites for React Native.

CocoaPods #

CocoaPods is a package management tool for iOS and Mac development. We use it to add the actual React Native framework code locally into your current project.

$ sudo gem install cocoapods

It is technically possible not to use CocoaPods, but this requires manual library and linker additions that overly complicates this process.

Our Sample App #

-

Assume the app for integration is a 2048 game. Here is what the main menu of the native application looks like without React Native.

+

Assume the app for integration is a 2048) game. Here is what the main menu of the native application looks like without React Native.

Assume the app for integration is a 2048 game. Here is what the main menu of the native application looks like without React Native.

diff --git a/releases/next/docs/listview.html b/releases/next/docs/listview.html index e1f72d9ecfa..50986aef53d 100644 --- a/releases/next/docs/listview.html +++ b/releases/next/docs/listview.html @@ -3,21 +3,24 @@ scrolling lists of changing data. The minimal API is to create a ListView.DataSource, populate it with a simple array of data blobs, and instantiate a ListView component with that data source and a renderRow callback which takes a blob from the data array and -returns a renderable component.

Minimal example:

getInitialState: function() { - var ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2}); - return { - dataSource: ds.cloneWithRows(['row 1', 'row 2']), - }; -}, +returns a renderable component.

Minimal example:

class MyComponent extends Component { + constructor() { + super(); + const ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2}); + this.state = { + dataSource: ds.cloneWithRows(['row 1', 'row 2']), + }; + } -render: function() { - return ( - <ListView - dataSource={this.state.dataSource} - renderRow={(rowData) => <Text>{rowData}</Text>} - /> - ); -},

ListView also supports more advanced features, including sections with sticky + render() { + return ( + <ListView + dataSource={this.state.dataSource} + renderRow={(rowData) => <Text>{rowData}</Text>} + /> + ); + } +}

ListView also supports more advanced features, including sections with sticky section headers, header and footer support, callbacks on reaching the end of the available data (onEndReached) and on the set of rows that are visible in the device viewport change (onChangeVisibleRows), and several