1: Prerequisites

• Node.js (12.x or later)
• VS Code
• React Native
• TypeScript

3: Stacks Used

React Native Template

This project is a React Native boilerplate that can be used to kickstart a mobile application.

The boilerplate provides an optimized architecture for building solid cross-platform mobile applications through separation of concerns between the UI and business logic. It is fully documented so that each piece of code that lands in your application can be understood and used.

If you love this boilerplate, give us a star, you will be a ray of sunshine in our lives :)

Requirements

Node 18 or greater is required. Development for iOS requires a Mac and Xcode 10 or up, and will target iOS 11 and up.

You also need to install the dependencies required by React Native.
Go to the React Native environment setup, then select React Native CLI Quickstart tab.
Follow instructions for your given development OS and target OS.

Installation

To create a new project using the boilerplate simply run :

# yarn
yarn add rn-template-by-karthi

#npm
npm install --save rn-template-by-karthi

npx rn-template-by-karthi

Assuming you have all the requirements installed, you can run the project by running:

• yarn start to start the metro bundler, in a dedicated terminal
• yarn <ios | android> to run the platform application (remember to start a simulator or connect a device)

Tech Stack

Nothing makes it into Ignite unless it's been proven on projects that Infinite Red works on. Ignite apps include the following rock-solid technical decisions out of the box:

| Library | Category | Version | Description | | ---------------------------------- | --------------------| -------- | --------------------------------------------------- | | @react-native-community/masked-view | UI Component | v0.1.11 | A component for rendering masked views in React Native | | @react-navigation/native | Navigation | v6.1.9 | Navigation library for React Native applications | | @react-navigation/native-stack | Navigation | v6.9.17 | Stack navigator for React Navigation | | @reduxjs/toolkit | State Management | v2.1.0 | Toolkit for efficient Redux development | | axios | REST client | v1.6.6 | Promise-based HTTP client for the browser and Node.js | | react | UI Framework | v18 | A JavaScript library for building user interfaces | | react-native | Mobile Framework | v0.72.10 | Cross-platform framework for building mobile apps | | react-native-gesture-handler | UI Component | v2.14.1 | Component for handling gestures in React Native | | react-native-mmkv | Utility | v2.11.0 | High-performance key-value storage for React Native | | react-native-paper | UI Component | v5.12.3 | Material Design components for React Native | | react-native-reanimated | Animations | v3.6.1 | React Native library for fluid user interfaces | | react-native-safe-area-context | UI Component | v4.8.2 | Provides safe area insets for React Native apps | | react-native-screens | UI Component | v3.29.0 | Native navigation primitives for React Native | | react-native-vector-icons | UI Component | v10.0.3 | Customizable icons for React Native applications | | react-redux | State Management | v9.1.0 | Official React bindings for Redux | | redux-persist | State Management | v6.0.0 | Persist and rehydrate a Redux store |

Documentation

To learn more about this boilerplate, go to full documentation

License

This project is released under the MIT License.

About us