How to create native android apps for begginers

Creating an app is one of the coolest and most simple thing to do. But you may still have doubts if that is true, well the world we are today is a sophisticated world, in which you are able to use already made frameworks and libraries to build strong, beautiful and long lasting apps.

Over the past years, creating an android app seems difficult, some may be afraid due to the building of apps with XML or even afraid to start using the Android Studio, because they may not have the time to sit down and learn how to design directly with it, and xml is not not easy to adapt to, thereby forcing you to learn more. But today, you can actually build a simple app with just REACT NATIVE.


Requirements:

The requirements are not much, if you have a laptop or pc which is able to install these files

MICROSOFT WINDOWS OPERATING SYSTEM

GIT BASH

You can then be able to build an app with react native.



Seamless Cross-Platform

React components wrap existing native code and interact with native APIs via React’s declarative UI paradigm and JavaScript. This enables native app development for whole new teams of developers, and can let existing native teams work much faster.

The quote above is a little explanation from the react native documentaion. Notice one thing there that there is an abiltiy for native devlopers to work faster because these library or framework actually make things easy.

I provided some links above for some downloads, incase you did so. we are going to be building a simple Hello World app with react native.

There is a better way we can start of and that is to use expo cli. expo cli aslo a platform provided but runs on react native codes to build android apps. Any upcoming developer can use it as it provides flexiblity and speed when developing.

Installing react native and usage

REACT NATIVE


EXPO CLI


The videos above you will learn both for react native and expo incase you wish to watch and understand more go ahead.

Now lets go over to installing react native, open the Git bash you installed as an administrator and run this lines of code with it

npm install expo-cli --global
expo init myNewProject
cd myNewProject
expo start

The first part is to install expo-cli globally and then the second part is to initialized a new android app project and then switching to that folder created by the Initcommand and then finally we started the android app. So simple and seamless indeed, now let's go ahead and make use of it.

Because we are using expo cli, go to Google Playstore or IOs store to download expo app, which will make use of you LAN through your WIFI or USB cable to compile a preview for you while actively developing your app.

My advice when using direct react native, do not install react native globally, you run this command to create a simple react native app

npx react-native init appname

and then

react-native run android

to start the the apps respectively. 

Here is a simple react native boilerplate app

import React from 'react';
import { View, Text } from 'react-native';
export default function componentName() {
  return (
    <View>
      <Text>Hello! World</Text>
     </View>
  );
}

and that's all okay. Please do not forget to subscribe to my channel for more react-native videos and tips.