https://github.com/inovando/react-native-template-inovando

:iphone: Inovando's template for react-native-cli https://www.npmjs.com/package/react-native-template-inovando
https://github.com/inovando/react-native-template-inovando

axios eslint formik prettier react-devtools react-native react-navigation reactjs reactotron styled-components

Last synced: about 1 month ago
JSON representation

:iphone: Inovando's template for react-native-cli https://www.npmjs.com/package/react-native-template-inovando

• Host: GitHub
• URL: https://github.com/inovando/react-native-template-inovando
• Owner: inovando
• License: mit
• Created: 2020-02-20T15:02:10.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-07-14T20:30:17.000Z (over 4 years ago)
• Last Synced: 2024-10-04T04:05:40.294Z (about 1 month ago)
• Topics: axios, eslint, formik, prettier, react-devtools, react-native, react-navigation, reactjs, reactotron, styled-components
• Language: JavaScript
• Homepage:
• Size: 8.3 MB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# react-native-template-inovando

> 📱 Inovando's template for react-native-cli

[![NPM version](https://img.shields.io/npm/v/react-native-template-inovando.svg)](https://www.npmjs.com/package/react-native-template-inovando)

[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)

![Package Main Techs](docs/techs.png)

## Preview

|   iOS   |  Android  |

|---------|-----------|

| ![Template iOS Preview](docs/preview-ios.gif) | ![Template Android Preview](docs/preview-android.gif) |

## Usage

1. Initialize your RN project with this command:

```bash

react-native init AwesomeProject --template inovando

```

2. Delete `~/App.js`

3. Duplicate `.env.example` to `.env` and `.env.production` fulfilling variables as needed

4. Add these lines at `.gitignore`

```bash

# Environment

.env

.env.production

```

4. Done 🎉

## Android

For Reactotron debug in Android, run this command:

```

adb reverse tcp:9090 tcp:9090

```

### MacOS "Network Error"

1. Go to "Open Network Preferences" > "Advanced..." > "DNS" Tab and add 8.8.8.8.

![Mac DNS 8.8.8.8 network config to prevent error in AVD](docs/android-mac-network-solution.png)

2. Restart your AVD.

![Android restar AVD](docs/android-restart-avd.png)

3. It should work fine! 🎉

## Scripts

### `yarn react-devtools`

Inspect elements with [React Devtools](https://www.npmjs.com/package/react-devtools). Open the in-app developer menu and choose "Toggle Inspector" then click/press any element in your App, it will show up in React Devtools Window.

[Read More](https://facebook.github.io/react-native/docs/debugging#react-developer-tools)

## Deploy

This command will also deploy to Yarn.

```

npm publish --access public

```

## Features

- [x] [Module Resolver](https://github.com/tleunen/babel-plugin-module-resolver)

- [x] [ESLint](https://github.com/santospatrick/eslint-config-react)/[Prettier](https://github.com/santospatrick/prettier-config)

- [x] [Styled Components](https://styled-components.com/docs/basics#react-native)

- [x] [Dotenv](https://github.com/zetachang/react-native-dotenv)

- [x] [Axios](https://www.npmjs.com/package/axios)

- [x] [React Navigation](https://reactnavigation.org/en/)

- [x] [Reactotron](https://github.com/infinitered/reactotron)

- [x] [React Devtools](https://www.npmjs.com/package/react-devtools)

- [x] [Formik](https://jaredpalmer.com/formik/)

- [x] [Yup](https://github.com/jquense/yup)