Giter VIP home page Giter VIP logo

react-native-note-app's Introduction

React Native Note App - RESTful API

Introduction

React Native Node.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 RESTful API Note App with Express 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/aahmadhadi/RESTful-API-Note-App-with-Express.git
  1. Open the project in your favorite text editor
  2. Open your terminal or cmd and type
npm install
  1. Open \src\Public\redux\actions\notes.js and edit the IP url according to your ip backend
  2. And the last just type in your terminal or cmd
react-native run-android

be sure if you connected with a device on debugging mode or use the emulator on debugging mode too.

Demonstration

Home Screen

Sort Ascending / Descending

Search

Sort by Category

Insert Delete Note

Update Note

Insert Delete Category

Authors

react-native-note-app's People

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.