DEVfancybear / boilerplate-react-native

React Native Typescript Boiler Plate

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

πŸ¦„ Boilerplate React Native Typescript

πŸš€ Demo URL

🎈 Introduce

  • A complete boilerplate for React Native

πŸ”₯ Library

  • Recoil
  • Axios
  • Lodash
  • React hook form
  • React native vector image
  • React native dotenv
  • React query

🐢 Project Structure


src/                 #project root
|   β”œβ”€β”€ common/      #common app
|   |          β”œβ”€β”€ apis/        #apis of feature
|   |          β”œβ”€β”€ assets/      #assets file
|   |          β”œβ”€β”€ components/  #common components reuse
|   |          β”œβ”€β”€ helpers/     #share an function logic for our app
|   |          β”œβ”€β”€ i18n/        #multi languages
|   |          β”œβ”€β”€ models/      #define interface
|   |          β”œβ”€β”€ recoil/      #state management source
|   |          β”œβ”€β”€ themes/      #themes app
|   |          β”œβ”€β”€ queryHooks/  #custom hooks logic react query
β”‚   β”œβ”€β”€ configs/     #configs project
β”‚   β”œβ”€β”€ views/       #screens source
|   β”œβ”€β”€ routes/      #common routes
β”‚   β”œβ”€β”€ services/    #services source
β”‚   β”œβ”€β”€ Endpoint.ts

└── package.json```

πŸ›  Project Settings

πŸ“’ Install dependencies

> npm install

πŸ“’ Start Android

> npx react-native run-android

πŸ“’ Start IOS

> cd ios > npx pod install
> npx react-native run-ios

About

React Native Typescript Boiler Plate


Languages

Language:TypeScript 84.6%Language:Java 7.8%Language:Objective-C 5.2%Language:JavaScript 0.9%Language:Ruby 0.8%Language:Starlark 0.6%Language:Shell 0.1%