#QB SDK LOG HOW TO#
#QB SDK LOG INSTALL#
#QB SDK LOG UPDATE#
#QB SDK LOG CODE#

sagas – this folder will have several files for different app parts and one file that exports all application sagas combined into one saga AKA root saga (check it out in the repository).reducers – this folder will have several files for different app parts and one file that exports all reducers combined AKA root reducer (check it out in the repository).actionCreators – this folder will have several files for different app parts and one file exporting all action creators (check it out in the repository).constants – this folder will have only one file ( index.js) that will export string constants which we will use in this app (check it out in the repository).Our application has several points that we should configure. So once you have app credentials put them into that file: In this app, we will store QuickBlox application credentials in file src/QBConfig.js. These credentials will be used to identify your app. To create an application you will need an account – you can register at or login if you already have one.Ĭreate your QuickBlox app and obtain app credentials. In order to use the QuickBlox React Native SDK, we should initialize it with the correct application credentials. theme – app-wide styles (colors, navigation header styles, etc.).QBConfig – object with credentials for QuickBlox SDK initialization.images – key-value images collection used in this application (imported with require, so can be used as Image.source).sagas – sagas (API calls, calls to SDK, etc.).constants – constants representing actions names.actionCreators – application’s action creators.We will use separate folders for components, containers, sagas, and other parts of the application:

#QB SDK LOG INSTALL#

Npm install -save quickblox-react-native-sdk redux react-redux redux-persist redux-logger redux-saga react-navigation react-native-reanimated react-native-gesture-handler react-native-screens final-form react-final-form react-native-incall-manager react-native-flash-message To install all the packages, we need to run: react-native-flash-message – flashbar and top notification alert utility.react-native-incall-manager – handling media-routes/sensors/events during a audio/video chat on React Native.react-final-form – form state management for React.final-form – form state management library.react-native-screens – dependency of react-navigation.react-native-gesture-handler – dependency of react-navigation.react-native-reanimated – dependency of react-navigation.react-navigation – routing and navigation for React Native apps.asynchronous things like data fetching and impure things like accessing the cache) redux-saga – library for making application side effects (i.e.redux-logger – helper that will put all actions and store changes in debugger’s console.– as a storage engine for redux-persist.redux-persist – to keep application state persistent across reloads.quickblox-react-native-sdk – main package of this application.We will need the following packages in addition to be preinstalled:

#QB SDK LOG UPDATE#

Once react-native-cli has created a project we need to update the `ios/Podfile`: platform: ios, ‘12.0’ - since the current version of the QuickBlox React Native SDK supports iOS version 12.0 onwards. React Native CLI provides an easy way to create a new React Native application:

#QB SDK LOG CODE#

Also, check out our React Native code samples and documentation.

#QB SDK LOG HOW TO#

In this article, the QuickBlox team shows you how to build a React Native video chat application using our powerful QuickBlox React Native SDK, which is free to download and install today.

React Native is an increasingly popular framework for building cross-platform applications because only one app needs to be built that can work across platforms, iOS, Android, and Web. Our robust video call SDK for React Native allows you to effortlessly add chat and video chat functionality to your app. To save your developers time and money, QuickBlox has crafted several SDKs that provide pre-built communication features. You can learn more about the benefits of video calling from our earlier blog, as well as learn the financial and technical costs involved with creating a video chat app of your own. Improve employee collaboration, energize online social communities, and enhance customer satisfaction with a video calling app. Video chat provides a dynamic way to engage your users in real time communication.

Note: This blog has been updated since it was originally published in February 2020

Qb sdk log