BoilerplateReactNative

screenshot of BoilerplateReactNative
react-native

Boilerplate react native with redux toolkit, redux listener, fastlane, reanimated, ...

Overview:

The Boilerplate React Native is a clean and minimalist React Native template designed to provide a quick start for developers using TypeScript. It offers a range of features and components to simplify the development process. The current version of the template is 0.72.7.

Features:

  • Elegant usage directly within the RN-Boiler Cli
  • Fastlane: A tool for automating the build, testing, and release process for iOS and Android apps.
  • Lefthook: A Git hook manager that allows you to run custom scripts before or after certain Git events.
  • Boot Splash: A customizable splash screen for your app.
  • Expo Image: A built-in component for displaying images in your app.
  • Declare String, Number, Array: Simplifies the process of declaring and using variables of different types.
  • Consistent with the default React Native template: The template is designed to be compatible with the default React Native template, making it easy to switch between the two.
  • Minimal additional dependencies: The template includes only the necessary dependencies, reducing bloat and improving performance.
  • Lots of built-in components: The template provides a range of pre-built components that can be easily customized and used in your app.
  • Multiple schema ios (Dev/Prod as default): Allows you to define different configurations for development and production environments on iOS.
  • Multiple product flavors android (dev/prod as default): Similarly, allows you to define different configurations for development and production environments on Android.
  • Base config (Now u can config on env): Provides a base configuration file that can be easily customized based on your project's requirements.
  • Change App name APP_DISPLAY_NAME on env/(.dev/.prod): Allows you to change the display name of your app based on the environment.
  • Change App id BUNDLE_IDENTIFIER on env/(.dev/.prod): Allows you to change the bundle identifier of your app based on the environment.
  • Change App version VERSION_NAME on env/(.dev/.prod): Allows you to change the version name of your app based on the environment.
  • Change App build number VERSION_CODE on env/(.dev/.prod): Allows you to change the build number of your app based on the environment.
  • Change App URL API_URL on env/(.dev/.prod): Allows you to change the API URL of your app based on the environment.
  • Gen app icon and Change app icon by env: Provides a script for generating and changing the app icon based on the environment.
  • Build with rn-ml: Includes support for machine learning features using the rn-ml library.
  • Update app icon file from appicon folder: Allows you to update the app icon file directly from the appicon folder.
  • Run yarn app-icon or yarn app-icon:dev: Provides commands for generating and updating the app icon.
  • Android: auto change flavor script: Automates the process of changing app flavors on Android.
  • IOS: Change ASSETCATALOG_COMPILER_APPICON_NAME to your respective App Icon Assets (in respective env file): Guides you on how to change the app icon assets on iOS based on the environment.

Summary:

The Boilerplate React Native template offers a clean and minimalist starting point for React Native projects using TypeScript. With its range of features and components, it simplifies the development process and provides a solid foundation for building robust mobile applications. Whether you are a beginner or an experienced developer, this template can help you get started quickly and efficiently.

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.

template
Templates & Themes

A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.

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.