dex-rn

dexbox-react-native

A JavaScript-only React Native chat interface module built for Expo. This package provides a flexible and easy-to-use chat UI component that can be integrated into any React Native application.

Features

• Pure JavaScript implementation - no native dependencies
• Seamless integration with Expo
• Live chat interface components
• Customizable UI elements
• Built-in font support

Installation

For Managed Expo Projects

npx expo install dexbox-react-native

For Bare React Native Projects

npm install dexbox-react-native

Development

This package uses a development workflow that allows for quick iterations and live testing through the example app.

Setting up the Development Environment

• Clone the repository
• Install dependencies:

  npm install
  

Running the Example App

The example app is the best way to develop and test changes to the module:

• Navigate to the example directory:

  cd example
  

• Install example app dependencies:

  npm install
  

• Start the development server:

  npm start
  

• Run on your preferred platform:

  npm run ios
  # or
  npm run android
  

Development Workflow

The module is set up for live development:

• Make changes to the module in the src/ directory
• The example app will automatically reload with your changes
• All changes are immediately reflected in the example app

Building and Publishing

To release a new version:

• Update the version number in package.json

• Build the module:

  npm run build
  

  This will:

  • Compile the TypeScript code
  • Copy required fonts to the build directory
  • Generate necessary type definitions

• Publish to npm:

  npm publish
  

Project Structure

src/
  ├── components/     # UI components
  ├── assets/        # Fonts and other static assets
  ├── utils/         # Helper functions
  └── index.ts       # Main entry point