If you are a client who is looking for an app to be developed for his organization or an entrepreneur who has an excellent idea but still figuring out how much it would cost to turn that idea into reality. I think you are at the right place to know all the information you need before jumping on to this adventurous ride of App development.

In this article, you would learn about both dark and clear aspects of app development. We would be covering some usual questions and answers which we have in mind before investing in an app venture.

Photo by Kelly Sikkema on Unsplash

Categorizing the application


React Native Slider is a component to select a single value from a range of values. We have mostly seen slider while increasing or decreasing the volume or brightness of our phone. Here is the example of the slider which will be helpful for you to integrate slider in your app.

Source Code:

  1. Github Account
  2. npm package
react-native-slider-text

Installation

Create a new React Native Project

Add the following commands to create a new react native project.

npm install -g react-native-clireact-native init ProjectNamecd ProjectName

Once you have created the app. Add the following…


Here in this article, I am going to push some ready to pick components that are used quite often.

Photo by frank mckenna on Unsplash

Installation

yarn add  react-native-responsive-screen react-native-vector-icons

Installing the react-native vector icons these days is little complex. Let me know if you face any problem I will help you out. I guess we are ready now. Let’s add some components to our app now:

Text Button Component:

import React from 'react';
import {Text, TouchableOpacity, StyleSheet} from 'react-native';
import {colorCode} from '../design/colorCode';
import {
widthPercentageToDP…


If you’re already familiar with React Native then you’ll be able to get moving with React Navigation quickly! If not, you may want to read sections 1 to 4 (inclusive) of React Native Express first, then come back here when you’re done.

What follows within the Fundamentals section of this documentation is a tour of the most important aspects of React Navigation. It should cover enough for you to know how to build your typical small mobile application, and give you the background that you need to dive deeper into the more advanced parts of React Navigation.

Photo by Pathum Danthanarayana on Unsplash

Installation


Redux is a predictable state container for JavaScript apps.

It helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test. On top of that, it provides a great developer experience.

Photo by Safar Safarov on Unsplash

Installation

yarn add react-redux redux redux-persist redux-thunk @react-native-community/async-storage

Once you have installed the packages. Create a folder in your app component and name it as a store. Add the following folders and file in the storage component.

  1. Actions
  2. Reducers
  3. index.js

Learn the basics of Axios

Photo by Verne Ho on Unsplash

Introduction

Using it inside a React Native project is simple! In this piece, we’ll use Axios to access the common HTTP or HTTPS API within a React Native application. We start by adding Axios to our project.

Installation Process


React Native Firebase Integration:


Photo by Glenn Carstens-Peters on Unsplash

Recently React introduced Hooks, and I was not at all in favor of functional components. I was so used to the class component that this change was not one I was looking forward too. Also, the latest version update was also a significant change. So I tried my hands with both at the same time.

Here is what I came up with. This is basically a trial of making a regular to-do app using React Hooks. So if you are a pro and are looking for something different, this blog is not for you. Let’s begin.

Definitions


How to integrate Fitbit API in your React Native app

Photo by FitNish Media on Unsplash

Introduction

Fitbit has got all of it covered.

Fitbit is the latest trend in the tech market, and its popularity is at peak these days. Recently, I was able to grab one, and it motivated me to integrate it into a React Native app I was working on.

Here’s how to integrate Fitbit API in a React Native application, for both iOS and Android, and get…


Learn React Native with ease

Photo from Pexels

It can be hard to understand why exactly clients pay so much for design work. After all, as long as you have a functional app, it doesn’t matter that much what it looks like, right?

Unfortunately, this simply isn’t the case. Styling is one of the most important aspects of your online presence. This doesn’t necessarily mean you need to pay an exorbitant amount of money for top-tier designers, but rather that you need to find a style that works for your business.

When it comes to React Native, styling becomes a little trickier. This is because the dynamics of…

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