:rocket: React Native Template Nave Typescript

React Native Template for a quick start with typescript and other features

:arrow_forward: Usage

npx react-native init MyApp --template react-native-template-nave-typescript

:star: Packages already configured

• Typescript
• Axios
• Module resolver
• Styled-components
• React-navigation
• Reactotron

:computer: Code pattern

Besides of all the things talked in the nave guide, as import standards and best practices using Javascript, there are some best practices to be used, mainly in components and pages creation.

1. Avoid to use unnecessary styleds. We already have the Row, Column, Button and Text component deal with that on pages. Besides that, the mentioned components have the styled-system, that allows to pass margins, padding and anothers ones throught props.
2. In a new component creating, always think about the use of styled-system.
3. NEVER repeat the same code 2 times. Do not copy and paste, instead of this, create some helpers and components. Make your code reusable.
4. If you need to create a new component with variants, take a look at the Text component and use the variant prop from the styled-system.
5. Follow the code pattern and folder standard.

:wrench: Running & Testing

To run this template as a app in your environment follow these steps

Clone the repository

git clone https://github.com/naveteam/react-native-nave-typescript.git

If you use SSH keys on Github

git clone [email protected]:naveteam/react-native-nave-typescript.git

cd react-native-nave-typescript/template

Create the following files, under the template's directory, with the content on their respective files.example file found in this repository

• .prettierrs.js
• .eslintrc.js
• .buckconfig
• .watchmanconfig

Installing the app dependencies

yarn && yarn pod-install

Running the application

Android

yarn android

iOS

yarn ios

Android

yarn android

iOS

yarn ios

In package.json on the scripts section there are more scripts to manage the application.

Running tests

Android

detox build --configuration "android.release"


yarn detox-android-release

iOS

detox build --configuration "ios.release"


yarn detox-ios-release