More Premium Hugo Themes Premium React Themes

Rn Starter

React Native Starter - Powered by cli-rn, React Navigation (v6), Expo Modules, RN UI lib, MMKV, Mobx, Reanimated 2, Dark Mode, Localization, Notifications, Permissions, and much more.

Rn Starter

React Native Starter - Powered by cli-rn, React Navigation (v6), Expo Modules, RN UI lib, MMKV, Mobx, Reanimated 2, Dark Mode, Localization, Notifications, Permissions, and much more.

Author Avatar Theme by starters-dev
Github Stars Github Stars: 156
Last Commit Last Commit: Mar 15, 2022 -
First Commit Created: Jan 15, 2024 -
default image

Overview:

This product is a starter collection of libraries and approaches for building React Native apps. It offers various features to simplify the development process, including routing and navigation, UI components, state management, and useful services. The starter also includes libraries for efficient storage, gesture handling, code formatting, and automated versioning. Overall, this product aims to provide developers with a comprehensive set of tools and libraries to kickstart their React Native projects.

Features:

  • React Navigation (v6): Provides routing and navigation for React Native apps.
  • Expo Modules: Includes libraries and modules from the Expo ecosystem.
  • RN UI lib: Offers a Design System, UI toolset, and components library for React Native, with support for Dark Mode.
  • Reanimated 2: Reimplements React Native’s Animated library.
  • MobX: Provides simple and scalable state management, with support for persisting stores using mobx-persist-store.
  • AsyncStorage MMKV: An efficient key-value storage framework developed by WeChat, which offers significant performance improvements compared to AsyncStorage.
  • React Native Gesture Handler: Enables native touches and gestures system for React Native apps.
  • Hermes Engine: A JavaScript engine optimized for running React Native apps.
  • ESLint + Prettier: Helps keep code neat and structured.
  • Patch Package: Allows for instant fixes of node modules.
  • Release It: Automates versioning and publishing of the app.
  • Typescript: Offers a strict syntactical superset of JavaScript.
  • Useful services/methods: Includes services for navigation configuration, localization integration, logic when the app is launched, and app design system customization.

Installation:

To install this starter, follow these steps:

  1. Clone the repository.
  2. Remove the .git file if you don’t plan to contribute.
  3. Install the required packages and pods.
  4. Run the project using XCode or Android Studio recommended. Alternatively, you can use the command line.

If you need to rename the app, follow the instructions provided by react-native-rename.

Summary:

This starter collection of libraries and approaches for React Native aims to simplify the development process by providing essential tools and features. It includes routing and navigation, UI components, state management, and various useful services. Additionally, it offers performance improvements through the use of efficient storage and native gesture handling. The inclusion of TypeScript, ESLint, and Prettier ensures code quality and maintainability. Overall, this starter provides a solid foundation for building React Native apps and streamlines the development workflow.