React Native Cookbook - Second Edition

How to do it...

1. First, let's create the App.js file and import all the dependencies we'll be using:

import React, { Component } from 'react';import {  Dimensions,  ScrollView,  StyleSheet,  Text,  TextInput,  SafeAreaView,  View,  Platform} from 'react-native';

2. On the state object, we'll declare a history property. This property will be an array for holding all of the messages that have been sent back and forth between users:

export default class App extends Component {  state = {    history: [],  };
    // Defined in later steps 
} 
 
const styles = StyleSheet.create({ 
  // Defined in later steps 
}); 

3. Now, we need to integrate WebSockets into our app by connecting to the server and setting up the callback functions for receiving messages, errors, and when ...