React NativeExpoStorybook

React Native Components

By Joel Maria
Picture of the author
Published on
image alt attribute

This library brings together proven components and utilities that powered the Daxir mobile application, now refined and open-sourced to accelerate development for the React Native community. Each component has been optimized for performance, accessibility, and real-world usage scenarios.

Features

  • Modular exports.
  • Import only the components and utilities you need to keep bundle size minimal.
  • Theming support.
  • Seamless integration with @jmstechnologiesinc/react-native-paper for consistent styling.
  • Localization utilities.
  • Built-in localized and setI18nConfig for easy i18n setup.
  • Map and geolocation components.
  • Core MapboxGLWrapper with subcomponents for cameras, markers, tooltips, and heatmaps.
  • High-level APIs for routes, bounding boxes, driver monitoring, and location selection.
  • Comprehensive helper functions.
  • Utilities for image URLs, action sheets, deep linking, permissions, geolocation, and more.
  • Maximizes cross-platform code re-usability e.g. re-using code on web platforms.

Visit our Storybook page for a complete gallery of example screenshots: View Screenshots

Modular Components

A lightweight, modular suite of over 20 reusable React Native UI components—fully customizable via props and styles.
If you’re looking for a specific component, please select its link from the list below.

Installation

npm install @jmstechnologiesinc/react-native-components
# or
yarn add @jmstechnologiesinc/react-native-components

Peer Dependencies

  • react
  • react-native
  • @jmstechnologiesinc/react-native-paper

Install peers:

npm install react react-native @jmstechnologiesinc/react-native-paper
Usage
Basic Import
import {
  List,
  ProductList,
  Tabs,
  ActionGroup,
  Form,
  ImagePicker,
  styles,
} from '@jmstechnologiesinc/react-native-components';

Contributing

  1. Fork: git clone https://github.com/jmstechnologiesinc/react-native-components.git
  2. Branch: git checkout -b feature/your-feature-branch
  3. Commit: git commit -m "initial commit"
  4. Push: git push origin feature/your-feature-branch
  5. PR: Open a pull request.
HomeAboutServicesPitch DeckArticlesProjectsContact