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