jxnata / react-native-app-template

Template to init new React Native apps with navigation, dark/light mode, i18n, database and more.

React Native App Template

This is a template to initialize a React Native app with some pre-configured features and dependencies.

Key Features

• React Navigation: Facilitates navigation between screens in the app.
• Axios: HTTP client library for making requests.
• i18next and react-i18next: Internationalization management for supporting multiple languages.
• Lodash: Utility library for common operations in JavaScript.
• React Native Ionicons: Popular icons ready for use in React Native apps.
• React Native MMKV: Fast and efficient key-value storage for React Native.
• React Native Safe Area Context: Component for handling safe areas on mobile devices.
• React Native Screens: Screen components for improved performance and user experience.
• React Native Toast Message: Component for displaying toast messages in the app.
• Styled Components: CSS-in-JS styling for React Native.
• SWR: Hooks for handling real-time data requests.

Dependencies

Production Dependencies

• @react-navigation/native: Screen navigation.
• @react-navigation/native-stack: Stack navigation for React Navigation.
• axios: HTTP client for making requests.
• i18next: Internationalization framework.
• lodash: Utility library.
• react-native-ionicons: Icons for React Native apps.
• react-native-mmkv: Key-value storage for React Native.
• react-native-safe-area-context: Handling safe areas on mobile devices.
• react-native-screens: Screen components.
• react-native-toast-message: Displaying toast messages.
• styled-components: CSS-in-JS styling.
• swr: Hooks for real-time data requests.

Development Dependencies

• @babel/core: Babel compiler.
• @babel/preset-env: Babel preset for execution environment.
• @babel/runtime: Babel runtime.
• @react-native/babel-preset: Babel preset for React Native.
• @react-native/eslint-config: ESLint configuration for React Native.
• @react-native/metro-config: Metro bundler configuration for React Native.
• @react-native/typescript-config: TypeScript configuration for React Native.
• @types/lodash: TypeScript types for Lodash.
• @types/react: TypeScript types for React.
• @types/react-test-renderer: TypeScript types for React Test Renderer.
• babel-jest: Babel integration with Jest.
• eslint: JavaScript linter.
• eslint-config-prettier: ESLint configuration for working with Prettier.
• eslint-config-universe: ESLint configuration based on Airbnb's configuration.
• eslint-plugin-prettier: ESLint plugin for Prettier integration.
• eslint-plugin-react-hooks: ESLint plugin for React hooks rules.
• jest: Testing framework.
• prettier: Code formatter.
• react-test-renderer: Test renderer for React.
• typescript: TypeScript programming language.

How to Use

1. Init your React native project running npx react-native@latest init YourProjectName --template https://github.com/jxnata/react-native-app-template.
2. Install dependencies by running npm install or yarn install.
3. Run the app on an emulator or device with npm run android or npm run ios (or yarn android / yarn ios).

Contributing

Feel free to contribute improvements, bug fixes, or add new features. Open an issue or submit a pull request.

License

This project is licensed under the MIT License.