discoverynomad.blogg.se

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

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 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 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 CODE#

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

#QB SDK 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