React Native Pure BoilerPlate
react-native-pure-boilerplate
React Native Pure BoilerPlate
Installation
You can simply clone the project and start with your barebone project
git clone git@github.com:WrathChaos/react-native-pure-boilerplate.git my-app-name
Clean-Up & Simple Run
Clean up the files from the example repository and do not forget to install the dependencies
rm -rf .git README.md
npm i
react-native run-ios/android
What's Included?
- React Navigation V5
- API Usage Service
- Ready to use Styles
- Built-in Theme System
- Build-in Animated Splash Screen
- Local Storage Utils Functions
- HTTP Network Management (Axios)
- Built-in EventEmitter (EventBus)
- Ready to see Stack and Tab Screens with navigation
- Babel Plugin Module Resolver to fix the relative path problem (visit .babelrc)
Step By Step Guide
Rename the project: (Thanks to react-native-name)
npx react-native-rename <your-project-name>
With custom Bundle Identifier (Android only. For iOS, please use Xcode)
npx react-native-rename <your-project-name> -b <bundleIdentifier>
Install Pods (iOS Only)
- npm i
- cd ios && pod install
- cd .. && react-native run-ios/android
Android local.properties (Android Only)
- npm i
- cd android && mkdir local.properties
- nano local.properties
Example of MacOS Android SDK Path
Make sure that set your right path of Android SDK
ndk.dir=/Users/your-name/Library/Android/sdk/ndk-bundle
sdk.dir=/Users/your-name/Library/Android/sdk
- cd .. & react-native run-ios/android
Components
Styles
- colors
- fonts
- theme
- font-size
Imports
import colors from "@colors";
import fonts from "@fonts";
import fontSize from "@font-size";
import theme from "@theme";
if you want to call them all at once
import { theme, fonts, colors, spacing, fontSize } from "@shared-styles/index";
Future Plans
- [x]
LICENSE - [ ] MobX State Tree Fork Version
- [ ] Write an article about the lib on Medium
Author
FreakyCoder, kurayogun@gmail.com