When I look into the coding standards or best practices for reacting native, I didn't find any standards or practices provided by React Native. So I decided to create a document for the same. However, the guidelines on this topic are created by using the references from React Native documentation, Medium documents and my proficiency in coding.

1. Naming Conventions

  • A folder and sub folder name should always start with small letters and the files belongs the folders is always in pascal case. The term “PascalCase” comes from software development, it may describe any compound word in which the first letter of each…

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

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…

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. …

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)…

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…

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.

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…

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…

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 classes React 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?

If you write a function component, and…

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