Rn Starter

screenshot of Rn Starter
react
react-native

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.

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.
react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

react-native
React Native

React Native is a framework for building mobile applications using React and JavaScript. It enables developers to write once and deploy to multiple platforms, including iOS, Android, and the web, while providing a native app-like experience to users.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

Expo

An open-source platform for making universal native apps with React. Expo runs on Android, iOS, and the web.

mobx
Mobx

MobX is a simple and scalable state management library for JavaScript applications. It uses reactive programming techniques to automatically update the user interface in response to changes in the application state, making it easy to build complex and dynamic user interfaces with minimal code.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.