Do you want to know how to create react native project which is preconfigured with initial setups like authentication, theme, localization, redux, saga, and Fastlane?
This blog will help you to achieve your task in few minutes as well as enrich your understanding of the react-native project structure.
I hope you have an initial setup of react-native app development.
Quickstart
- Ensure your machine has the React Native dependencies installed
- All you need to use is npm library react-native-app-builder
- Open your Terminal and create an empty directory and follow these steps.
npx react-native-app-builder <ProjectName>
cd <ProjectName>
npx react-native run-ios
-
npx react-native run-android
What's inside
- Latest react-native version with react hooks
- Redux saga with persistReducer
- Localization and Theme support (Dark / Light) Setup with React Context
- App Button is demo for Custom Component
- Custom font and font size for maintaining typography
- .env setup to support different env for PRODUCTION and DEVELOPMENT
- User Authentication flow
- UI for Login, Tabs, and Settings
- Fastlane setup
Directory Structure
root
βββ __tests__
βββ android
βββ ios
βββ App
βββ Actions
| βββ Keys
βββ ApiConfig
βββ AppContext
βββ Localization
βββ Reducers
| βββDefault
βββ Routes
βββ Sagas
βββ Screens
| CommonComponent
| Components
| SubComponents
βββ Services
βββ Stores
βββ Theme
| Images
βββ Utils
βββ fastlane
βββ .env
...
User Interface
The predefined user interfaces will look like as below...
Hope this npm package will helpful for your next application development.
Your comments will be helpful for me to create such content.
Start developing...
Top comments (0)