Skip to content

ETS-ReactNative1/NoteApp-ReactNative-Redux

 
 

Repository files navigation

NoteApp-ReactNative-Redux - RESTful API



Introduction

React Native Node.js Redux.js

Here is my new repository which builded with React Native Framework for making the User Interface in JavaScript syntax, see my previous repository about NoteApp-ExpressJS-RESTfulApi for the backend side and making API.

What is React Native ?

React Native is an open-source mobile application framework created by Facebook. It is used to develop applications for Android, iOS and UWP by enabling developers to use React along with native platform capabilities. [1]

Why using React Native ?

6 main reason why me using React Native for make a mobile app :

  1. It's got iOS and Android covered
  2. Reusable components allow hybrid apps to render natively
  3. Apply React Native UI component to an existing app's code-without any rewriting at all
  4. It’s one of the top mobile JavaScript frameworks among developers—and growing
  5. React Native is all about the UI
  6. Native app development is much more efficient

How React Native works ?

Short explanation about How React Native Works.

React Native invokes Objective-C APIs to render to iOS components, or Java APIs to render to Android components. This sets React Native apart from other cross-platform app development options, which often end up rendering web-based views.

Requirements

  1. npm (node package manager)
  2. react-native-cli (from npm)

How to run the app ?

  1. Clone or download first this repository with git clone https://github.com/hajidito/NoteApp-ReactNative-Redux.git
  2. Open the project in your favorite text editor
  3. Open your terminal or cmd and type npm install
  4. Run the backend side NoteApp-ExpressJS-RESTfulApi.
  5. Change domain IP in all files at folder src/publics/redux/actions/ with your computer domain IP where the backend is running.
  6. Make sure your android device can access the IP domain from the backend and connect to the internet.
  7. And the last just type in your terminal or cmd react-native run-android, be sure if you connected with a android device on debugging mode or use the android emulator on debugging mode too.

Screenshot from the app

Video Demo App

DEMO APP

File APK

NoteApp-APK


Author

Author Haji Dito

Haji Dito M A

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 81.4%
  • Objective-C 9.3%
  • Java 4.7%
  • Starlark 4.6%