Getting Started

To get started with React Native project you have to install some tools, dependencies and applications as follows:

  1. Node and Watcman: This can be installed via the command line.

  2. React Native command line interference: This can be installed via the command line.

  3. Xcode: This can be downloaded from Mac App Store.

  4. Android Studio: This can be download from the official website of Android.

  5. Node Package Manager: This can be installed via command line in the project's main file.

Installing Tools, Dependencies and Applications:

You will need Node, Watchman, the React Native command line interface, Xcode and Android Studio to run the app in iOS and Android simulators:

1. How to install Node and Watchman:

To install node and watchman , run below commands respectively in your terminal:

brew install nodebrew install watchman

2. How to install React Native command line interface:

To install the React Native command line utility, run the below command in your terminal:

npm install -g react-native-cli

3. How to install Xcode:

You can install Xcode via the Mac App Store. By installing Xcode, will also install the iOS Simulator and all necessary tools to build your iOS app. To download Xcode click here

4. How to install Android Studio:

You can install Android Studio by downloading the setup file from the official developer portal of Android developer. To download Android Studio click here

5. How to install the Node Package Manager (NPM) in the project folder:

You have to go the main files folder and install the NPM as follows :

Go to Downloads -> Hubay using below commands:

$ cd Downloads$ cd hubayWoo

if you see this error : "-bash: cd: hubayWoo: No such file or directory" it means that you are at the wrong directory. Please ensure that you are at the correct path in the download folder

Once you are in the folder, install the NPM by running the following command and using sudo :

$ sudo npm install

Upon completing all above steps, you will be able to build the app in iOS or Android simulator. Details about how to build the app for iOS and Android is mentioned in upcoming sections of this documentation.

Install JWT Authentication Plugin for WordPress

In order to ensure that the login working appropriately, you are required to install JWT authentication for WordPress.

PHP HTTP AUTHORIZATION HEADER ENABLE

Most of the shared hosting has disabled the HTTP Authorization Header by default. To enable this option you’ll need to edit your .htaccess file adding the follow

RewriteEngine on
RewriteCond %{HTTP:Authorization} ^(.*)
RewriteRule ^(.*) - [E=HTTP_AUTHORIZATION:%1]

CONFIGURATION

The JWT needs a secret key to sign the token this secret key must be unique and never revealed.

To add the secret key edit your wp-config.php file and add a new constant called JWT_AUTH_SECRET_KEY

define('JWT_AUTH_SECRET_KEY', 'your-top-secrect-key');

For more details about JWT authentication, please visit this link

Install JSON API Plugin User for WordPress

JSON API User extends the JSON API Plugin with a new Controller to allow RESTful user registration, authentication, password reset, RESTful Facebook Login, RESTful User Meta and BuddyPress xProfile get and update methods. This plugin is for WordPress/Mobile app developers who want to use WordPress as mobile app data backend.

Download from here