react-native-atom-template
A starter kit for initializing a new React-Native project with some commonly used preconfigured libraries and the folder structure.
Key features:
- Pre-configured folder structure
- Reusable common components, utility functions and constants
- Navigation using react-navigation (v6)
- State management using zustand
- Staging and Production environment configurations using react-native-config
- axios is a promised-based HTTP client for JavaScript. axios
Prerequisite
-
Make sure that you have followed the environment setup instructions properly from the official React Native docs.
-
The installation command will fail if you have the global legacy
react-native-cli
installed in your machine. Make sure you uninstall it first:
yarn global remove react-native-cli
or if using npm
npm uninstall -g react-native-cli
Quick start
Generate a new React Native(v0.72.7) app using the react-native-atom-template:
npx react-native init MyApp --template react-native-atom-template --skip-install
You might also be prompted to confirm the installation for the packages react-native
and husky
. Simply hit enter
to proceed.
The template will automatically install the npm
dependencies and the pods
(if you are on the MacOS).
Link Assets
npx react-native-asset
Error Fixing (MAC| LINUX)
error Failed to install the app. Make sure you have the Android development environment set up: https://facebook.github.io/react-native/docs/getting-started.html#android-development-environment. Error: spawnSync ./gradlew EACCES
chmod 755 android/gradlew
Digging Deeper
Check out the documentation website to learn more about the template.
Adopting at scale
react-native-atom-template is provided as is, I work on it in my free time.
If you're integrating react-native-atom-template , consider funding this project and contact me to receive premium enterprise support, help with issues, prioritize bugfixes, request features, help at integrating VisionCamera and/or Frame Processors, and more.