https://github.com/h4fif/contact-app-react-native

Simple Contact App
https://github.com/h4fif/contact-app-react-native

android ios react react-native

Last synced: 2 months ago
JSON representation

Simple Contact App

• Host: GitHub
• URL: https://github.com/h4fif/contact-app-react-native
• Owner: H4fif
• License: mit
• Created: 2022-07-06T05:51:25.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2022-12-12T03:10:59.000Z (over 3 years ago)
• Last Synced: 2025-06-02T19:41:22.522Z (about 1 year ago)
• Topics: android, ios, react, react-native
• Language: JavaScript
• Homepage:
• Size: 3.16 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# bwa-react-native

Read here for environment set up | Skip if your environment is ready




https://reactnative.dev/docs/environment-setup




Running your React Native application

Step 1: Install dependencies

First, you will need to install all dependencies to run this app



  


    

      

        npm install


      

    

  



Running your React Native application

Step 2: Start Metro



  First, you will need to start Metro, the JavaScript bundler that ships with React Native. Metro "takes in an entry file and various options, and returns a single JavaScript file that includes all your code and its dependencies."—

  Metro Docs



To start Metro, run npx react-native start inside your React Native project folder:



  


    

      

        npx react-native start


      

    

  



react-native start starts Metro Bundler.



  
If you use the Yarn package manager, you can use yarn instead of npx when running React Native commands inside an existing project.





  
If you're familiar with web development, Metro is a lot like webpack—for React Native apps. Unlike Kotlin or Java, JavaScript isn't compiled—and neither is React Native. Bundling isn't the same as compiling, but it can help improve startup performance and translate some platform-specific JavaScript into more widely supported JavaScript.



Step 3: Start your application

Let Metro Bundler run in its own terminal. Open a new terminal inside your React Native project folder. Run the following:



  


    

      

        npx react-native run-android


      

    

    
Or on iOS:

    

      

        npx react-native run-ios


      

    

  



Run Fake REST API on your local machine

Step 4: Start local REST API server

I use port 3004, you can use the same port or change to other port is 3004 is already in use

Let local fake rest api run in its own terminal. Open a new terminal inside your React Native project folder. Run the following:



  


    

      

        npx json-server --watch ./FakeAPI/db.json --port 3004


      

    

  



If everything is set up correctly, you should see your local fake rest api is running.