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

1. Make sure that you have followed the environment setup instructions properly from the official React Native docs.

2. 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.