Image for post
Image for post

There was a time when knowing how to program was for the geekiest of geeks. That’s not exactly the case today. As most entrepreneurs, freelancers and marketers will tell you, learning how to program can help you succeed. Over the past year, I’ve been learning to code. It’s helped me to become a much better entrepreneur: I can dive in, for instance, when my team needs to fix a few bugs on the site.

You don’t even need to shell out a ton of money or put yourself in debt to learn how to code, either. …


In this tutorial we will learn how to integrate Slack with React Native apps

Image for post
Image for post

Slack can replace email, text messaging, and instant messaging for your team, and keep all those communication styles together in one app. With both desktop and mobile versions, Slack can help your team collaborate and coordinate their work no matter where they are — in the field office, at home, or out knocking doors.By integrating Slack in our app, we can use all the features of slack in our app.

Steps to follow

1. In order to integrate slack in React Native, we need to create a new app in…


Image for post
Image for post

What is In-App Purchase?

In-app purchasing refers to the buying of goods and services from an application on a mobile device. In-app purchases mean developers can provide their applications for free, but then advertise paid upgrades, feature unlocks, special items, or even ads other apps and services, to users. This allows the developer to profit despite giving the basic app itself away for free.

What is Subscription?

Subscriptions give people access to virtual content, services, and premium features in your app on an ongoing basis. An auto-renewable subscription continues to automatically renew at the end of each subscription period until people choose to cancel it. …


Image for post
Image for post

Getting started

npm install react-native-app-auth --save

authorize

This is the main function to use for authentication. Invoking this function will do the whole login flow and returns the access token, refresh token and access token expiry date when successful, or it throws an error when not successful.

import { authorize } from 'react-native-app-auth';const config = {issuer: '<YOUR_ISSUER_URL>',clientId: '<YOUR_CLIENT_ID>',redirectUrl: '<YOUR_REDIRECT_URL>',scopes: ['<YOUR_SCOPES_ARRAY>'],};const result = await authorize(config);

config

This is your configuration object for the client. The config is passed into each of the methods with optional overrides.

  • issuer — (string) base URI of the authentication server.
  • clientId — (string) REQUIRED your client id on the auth…


Image for post
Image for post

Once you install the Intercom Messenger, your mobile app visitors and signed up users can easily contact you to have real-time conversations.

With Messages, you can also reach out to people automatically based on who they are and their behaviour.

Once you install Intercom, on your mobile app, your logged-in users can get in touch to ask you questions. With Inbox, you can respond to and manage users’ conversations from the team inbox.

If you have our Messages product, you can also reach out to your customers inside your product based on behaviour, profile and time and have real time conversations with them. …


In this post, I’ll quickly walk through how to add deep linking to a React Native app for both iOS and Android using React Navigation.

Image for post
Image for post

Deep Linking is a technique in which a given URL or resource is used to open a specific page or screen on mobile. So, instead of just launching the app on mobile, a deep link can lead a user to a specific page within the app, providing a better experience. This specific page or screen may reside under a series of hierarchical pages, hence the term “deep” in deep linking.

There are many cases where providing a url to transition a user to a specific point in your app on load makes a lot of sense. …


Image for post
Image for post

This is an example to show how to do Speech to Text Conversion in React Native — Voice Recognition. This is a very demanding feature from many of the customers after the success of intelligent voice assistances like Google Home and Amazon Alexa. To make your app different from another app you can implement voice recognition features while making search filters. In the current scenario, many applications have voice search with text input search where they provide either search by text input or can search by voice.

Here we are going to see how can we convert voice to text and can get the texts as a result with the help of voice recognition. …


Image for post
Image for post

What is React Hook?

Hooks are a new addition in React 16.8. They let you use state and other React features without writing a class. It mainly uses to handle the state and side effects in react functional component. React Hooks are a way to use stateful functions inside a functional component. Hooks don’t work inside classes — they let you use React without classesReact provides a few built-in Hooks like useState and useEffect.

. It Enforces best practices
. Easy to under understand
. Easy to test
. It increases the performance and so on.

Why React Hook?

The first main reason is the Introduce state in a functional component. You know that the states cannot be used in functions. But with hooks, we can use states.Another reason is the handle side effect in react component. It means, now you can use newly introduced state such as useEffect.
But do you know for some scenarios, there are 3 places where react fails.

About

Gilshaan Jabbar

Software Engineer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store