Skip to content

hrithik73/rn-starter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React-Native Starter

NPM Downloads

Logo

An opinionated React Native template with commonly used libraries to kickstart your app development.

Usages

To create a new app using this template, run the following command:

npx react-native init MyApp --template @hrithik73/rn-starter

or

npx react-native init MyApp --template https://github.com/hrithik73/react-native-starter

Make sure to replace the MyApp with your App Name

Features and Libraries inluded

  • React Navigation (V6): Includes Stack and Tab navigation.
  • React Native Paper: A Material Design library for React Native
  • Redux Toolkit with Thunk: For state management.
  • Redux Persist: For persisting data.
  • Axios + React Query: For data fetching.
  • react-native-vector-icon: Provides a wide range of icons
  • React-Hook-Form: For handling forms.
  • Absolute Imports for clean code organization.

Folder Structure

android                         # android project directory
ios                             # ios project directory
src                             # source dirctory
├── assets                      # assests used in apps
├── components                  # components
├── config                      # configuration files
├── constants                   # constants used in app
├── navigations                 # navigation
├── redux                       # redux
│   └── slice                   # toolkit slices
│   └── reducer.ts              # root reducer
│   └── actions.ts              # all the actions are defined here
│   └── store.ts                # store configuration
├── screens                     # screens
├── theme                       # theme related stuffs
├── types                       # types are defined here
└── tsconfig.json               # typescript configuration
└── ...                         # other configuration related files

Screens

  • Login Screen
  • SigUp Screen

TODOs

  • Internationalization (i18n)