| Packages | Version |
|---|---|
| React | 19.1.0 |
| React Native | 0.80.0 |
A modern, scalable, and CLI-enhanced React Native starter — optimized for speed, maintainability, and developer productivity.
npx @react-native-community/cli@latest init YourAppName --template https://github.com/SolankiYogesh/react-native-template --skip-installyarnnpm installyarn podcd ios && RCT_NEW_ARCH_ENABLED=1 pod install This template includes Plop.js for fast, consistent scaffolding of components and screens.
yarn generateYou'll be prompted with the following generator options:
- Common Component (auto-exported, created at
src/components/ComponentName) - Screen (auto-exported, created at
src/screens/ScreenName) - Screen-Specific Component (created inside respective screen directory)
| Library | Purpose & Benefit |
|---|---|
| dayjs | Lightweight, performant date/time manipulation |
| zustand | Minimalistic, flexible state management |
| react-native-mmkv | Ultra-fast, encrypted key-value storage |
| react-native-keyboard-controller | Robust keyboard event management & animations |
| react-hook-form | Simple, performant form management |
| yup | Schema validation and type-safe form validation |
| rn-ripple-button | Highly customizable ripple feedback buttons |
These carefully picked libraries ensure smooth performance, better developer experience, and maintainability out-of-the-box.
| 🔐 Login | 🏠 Dashboard |
|---|---|
- 🧱 Atomic folder structure
- ⚛️ React Native + TypeScript
- 🧩 Plop.js generators for components & screens
- 🌈 Centralized theming system
- 🚀 Optimized for fast development and performance
├── Assets
│ ├── Fonts
│ │ ├── Inter-Bold.ttf
│ │ ├── Inter-ExtraBold.ttf
│ │ ├── Inter-Medium.ttf
│ │ ├── Inter-Regular.ttf
│ │ └── Inter-SemiBold.ttf
│ └── Images
│ └── user.png
├── Components
│ ├── AppButton.tsx
│ ├── AppContainer.tsx
│ ├── AppDropDown
│ ├── AppHeader.tsx
│ ├── AppInput.tsx
│ ├── AppLoader
│ │ ├── AppLoader.tsx
│ │ └── Loader.ts
│ └── index.ts
├── Config
│ └── Config.ts
├── Helpers
│ ├── AppStorage.ts
│ ├── Constant.ts
│ ├── index.ts
│ ├── Responsive.ts
│ ├── Screens.ts
│ ├── SVGByteCode.ts
│ └── Utility.ts
├── Hooks
│ ├── index.ts
│ ├── useNavigation.ts
│ └── useParams.ts
├── Network
│ ├── APICall.ts
│ ├── EndPoints.ts
│ └── index.ts
├── Router
│ ├── AppNavigation.tsx
│ ├── AuthNavigation.tsx
│ ├── HomeNavigation.tsx
│ ├── index.ts
│ └── RootNavigation.ts
├── Screens
│ ├── Auth
│ │ └── LoginScreen
│ │ └── LoginScreen.tsx
│ ├── index.ts
│ ├── Main
│ │ └── DashBoardScreen
│ │ └── DashBoardScreen.tsx
│ └── Yogesh
├── Store
│ ├── index.ts
│ ├── useMulti.ts
│ └── useUserStore.ts
├── Theme
│ ├── Colors.ts
│ ├── CommonStyle.ts
│ ├── Fonts.ts
│ └── index.ts
└── Types
├── allTypes.d.ts
├── index.ts
├── screen.types.ts
└── types.ts
Run yarn generate often to boost productivity and keep your code consistent!