Getting Started

I this setup, you will find a React Native app setup with most of the dependencies you will need to get started building your own React Native app.

Home Screenshot

Additional Screenshot

What you have in this setup?

• You have home screen you can navigate.
• You have Dummy users .
• You have Book borrowing feature with just Redux Toolkit.
• You have Book borrowing feature with Redux Toolkit and Formik.
• You have Book borrowing feature with Redux Toolkit and React Hook Form.

Happy Coding! ❤️

Note: Make sure you have completed the React Native - Environment Setup instructions till "Creating a new application" step, before proceeding.

Step 1: Install the Dependencies

First, you will need to install node modules.

# using npm
npm i

# OR using Yarn
yarn

Step 2: Start the Metro Server

First, you will need to start Metro, the JavaScript bundler that ships with React Native.

To start Metro, run the following command from the root of your React Native project:

# using npm
npm start

# OR using Yarn
yarn start

Step 3: Start your Application

Let Metro Bundler run in its own terminal. Open a new terminal from the root of your React Native project. Run the following command to start your Android or iOS app:

For Android

# using npm
npm run android

# OR using Yarn
yarn android

For iOS

npx pod-install ios

# using npm
npm run ios

# OR using Yarn
yarn ios

If everything is set up correctly, you should see your new app running in your Android Emulator or iOS Simulator shortly provided you have set up your emulator/simulator correctly.

This is one way to run your app — you can also run it directly from within Android Studio and Xcode respectively.

Step 4: Run JSon Server

# using npm
npm run json

# OR using Yarn
yarn json

then run Ngrok

# using npm
npm run ngrok

# OR using Yarn
yarn ngrok

Now get the url from ngrok and replace it in the .env file.

Now that you have successfully run the app, let's modify it.

Congratulations! 🎉

You've successfully run and modified your React Native App. 🥳