Sign in

React Developer | React Native Developer | Machine Learning | AI Enthusiast | Self-Learner | ACES — Vice-President

The most unique feature of this product or application is that it can manually be configured for any type of requirement, i.e., for E-Commerce or Small Scale Shops for keeping track of their inventory and purchases. This article is a continuation of the previous blog check it before referring this blog (Refer — https://medium.com/swlh/built-your-mobile-app-in-10-days-with-react-native-abdeafce0dfc)

React Native One Person Use, No Internet Required and Complete SQLite

Complete Project Ref 👇🏻

Creating Sub Category, Show Sub- Category and Orders Screen

The complete SQLite DB call depends on this ONE function and returns Promise on Success and Reject on Error.

Add Sub- Category Screen

Firstly, we are going to connect our code to the “Local Database” from SQLite Storage. Here…


What is an .apk file?

An Android Package Kit (APK) is the package file format used by the Android OS for distribution and installation of mobile apps. It is similar to the .exe file you have on Windows OS, a .apk file is for android.

Debug APK

What can I use it for?

A debug .apk file will allow you to install and test your app before publishing to app stores. Mind you, this is not yet ready for publishing, and there are quite a few things you’ll need to do to before you can publish. Nevertheless, it’ll be useful for initial distribution and testing.

You’ll need to…


Demo — ReactJS App — Wildfire Tracker

I recently built an Wildfire Tracker app using create-react-app. I’ll walk you through how I accomplished this.

I was drawn to the idea being able to help place prone to wildfire, I am using API from Earth Observatory Natural Event Tracker (EONET) to get updates regarding the latest updates about such events.

If you’re feeling impatient, you can dive right in and look at my code. Here’s the GitHub repo for my app.

React

React is Facebook’s JavaScript view framework.


Wondering how it is possible to develop your first ever REACT NATIVE application in 2021 in just 10 days? Well, today we are living in a highly tech-driven world, where everything is possible if you are on the right path and equipped with the right tools. And this statement is 100% true when it comes to developing a mobile application with React Native.

React Native One Person Use, No Internet Required and Complete SQLite

Short Note: By the end of this article, we will have an app structure that you are surely able to run on a real device or simulator for testing!

Complete Project Ref 👇🏻

Setting Up Initial Routes, Login and Register…


RESTFul APIs have been around for sometime now. At the time of this write-up it is practically impossible for you to be a software developer without having to create and use one or more APIs.

API is an acronym for Application Programming Interface which has become an integral part of software development. “It is a set of of clearly defined methods of communication between various components” — Wikipedia.

RESTFul APIs, on the other hand, are APIs that conform to the REST architectural style.


Let’s build a chat application.

The goal is to create an application with NO Authentication (signup/login) first name only, chat room creation, and group messages within those rooms.

It will be built in React Native. Firebase will be used to handle database storage. React Navigation will help with getting around. And, Farid Safi’s wonderful Gifted Chat library will handle the actual chat screen.

In the interest of space, and keeping things clean all styles will be kept out of this write up but live in the GitHub repository.

Create the App and Install Dependencies

Open a terminal window, navigate to your folder of choice, and invoke…


React Native provides seamless support for cross-platform app dev on both iOS and Android for your apps. Having recently taken React Native, I learned that there were a lot of useful features you can add like create your OWN app, much of which I’ll explain here.

What we’ll be doing

  • Exploring the stack and bottom-tab navigators separately
  • Combining them to transition through our React Native app screens
  • Integration of API in React Native

Note: For this article, I’ll be using React Navigation’s latest stable version, which is v5.

What’s React Navigation?

In the same way going back and forth is handled in a web browser — where…


Recently, I decided to explore and use React Native for developing Android Apps. However, as I was setting up my development environment on Windows, I ran into a lot of challenges. Setting up React Native on Windows is challenging and requires attention to a lot of moving pieces, even if you want to get a sample app up and running on an emulator.

In this article, I will discuss how to set up your development environment on Windows using React Native framework and Android Studio to build Android Apps.

I will be using the following tools to set up my…

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