Hosting your react-native express.js backend on Heroku.

You have created an app in react native and written backend in expressjs/nodejs and you want to host your backend so you can get or post data on your app from anywhere?

Answer: Heroku.

Here's how:

• Create a Heroku account on www.heroku.com
• Install Heroku CLI.

// for mac:
brew tap heroku/brew && brew install heroku
// for ubuntu: 
sudo snap install --classic heroku

• After Heroku CLI has been installed, open the terminal and just login with your credentials

// type this in your terminal to login:
heroku login

• When you have logged in you can create a heroku app by executing this command:

heroku create

• Once the heroku app has been created you will see the app name, remote git link and the site url.

• Add heroku remote branch:
  

heroku git:remote -a your-app-name

• Heroku git remote will be added and you can check that by:

git remote -v

• Add Procfile to the root of your backend folder, eg:

-ReactNativeAppFolder
 -MainBackendFolder 
  -routesFolder
    -Routes.js
  -modelsFolder
    -Schema.js
  -app.js
  -package.json
  -package-lock.json
  -Procfile

• Procfile is needed to tell heroku to run node app.js on it's server, so your app can start and run.

• You don't need to push the whole react-native app to heroku you can just push your backend folder to it, here's how:
  

git subtree push --prefix MainBackendFolder heroku master

// this specific command makes sure that only backend folder gets pushed to heroku.

• After the build and push is successful heroku will tell you that your app is being hosted on a specific url.

• You can then add the specific url however you want to on your get and post request urls. That is it.