⚛️📲 React Native Rocket Boilerplate to build a mobile APP based in Javascript with its most modern technologies!

---

---

🚩 Motivation

Reduce the boilerplate code for implementing common resources in mobile app development as navigation, storage, security, auth and test.

🧩 Features

• Navigation: Auth stack and Home tab implemented by React Navigator.
• Storage: General storage with Redux, Redux-Persist and Secure Storage for sensitive data.
• Authentication: Log-in and sign-up forms.
• Smart Design: All style abstracted and grouped to adapt and change all the style immediately.
• Folder Structure: Clean and organized workspace for extending and testing easier.
• Rock-Solid Reliability: Linters, Type checking, CI and unit/integration/component/e2e tests.
• Deployment: WIP

⚙️ Requirements

• Node
• Expo

🎛️ Use

🔧 Installation

1. Clone the repo
2. Install the NPM dependencies:

npm install

3. Try pre-commit:

npm run husky:precommit

🔌 Run

We use Expo and Expo Go for dev.

npm expo start

🧪 Test

WIP

📁 Project Structure

This project follows a typical directory structure for a React Native app using Expo. Below is an overview of the project structure:

Common use

• App.js: The main entry point of the application.
• src/: The source code of the application.
  • components/: Custom React components used in the app.
  • navigation/: Navigation-related components.
  • screens/: Application screens.
  • store/: Redux and Secure Storage.
  • style/: Constant used in style like colors and fonts.
• assets/: This directory contains various assets used in the app, such as icons and splash screens.

Others

• app.json: The configuration file for Expo.
• babel.config.js: Configuration file for Babel.
• package-lock.json: Lockfile for project dependencies.
• package.json: Configuration file for project dependencies.

Feel free to adapt and extend this structure to meet the needs of your project.

🚀 Deploy

WIP