nawfalhaddi / react-native-template-by-nh

React Native Template: Scalable, Fully typed, Best Practices, Easy to Maintain

Get started

This template was made with love, to share in details our personal approach to design a react native application with best third-party libraries, please check our documentation for more details. If you have any idea or suggestion to improve this template, please feel free to reach out to us or open an issue/PR inside this repo.

Libraries that are used in this template:

• React-native Version 0.74
• Navigation: react-navigation V6
• API request: react-query and axios
• State Management: redux-toolkit and redux-persist
• Translation: i18next and react-i18next react-native-localize
• Forms: react-hook-form and yup
• Storage: react-native-mmkv
• Styling: styled-components
• Testing: @testing-library/react-native

What you'll need:

• Make sure your environnement is ready to run a react native application. if it's not, please check the official documentation of react native to set up your environnement.

Start a new project:

Once your environnement you're ready to go with creating a new react native application using our template.

• First, navigate to where you want to start your project and run the following command.

npx [email protected] init MyApp --template [email protected]

If you want to use the latest version of react-native, type the following command:

npx [email protected] init MyApp --template [email protected]

• Once it's done, run this command in order to navigate to your new project and set it up for android and ios:

cd MyApp && git init && yarn setup

Note: the script yarn setup contains all necessary commands to setup your application for android and ios. if you want to know what are these commands check the script setup inside package.json file.