#Qb sdk library how to#
#Qb sdk library install#
#Qb sdk library update#
#Qb sdk library code#

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 library 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 library 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 library code#

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

#Qb sdk library 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