@rohit.s_tequity/ui-native
v0.1.0
Published
React Native components — StyleSheet + NativeWind opt-in, token-driven, RTL-ready
Maintainers
Readme
@rohit.s_tequity/ui-native
React Native component library — StyleSheet + NativeWind opt-in, token-driven, RTL-ready.
Install
npm install @rohit.s_tequity/ui-native
npx poc-native-initThe init script auto-detects your setup (Expo vs bare RN, NativeWind, Re.Pack) and configures everything.
Usage
// NativeWind mode (default)
import { Button, Input, Card, Form } from '@rohit.s_tequity/ui-native';
// StyleSheet-only (zero config)
import { Button, Input, Card } from '@rohit.s_tequity/ui-native/base';OTA Updates (Re.Pack)
If you use Re.Pack, the library ships as a Module Federation remote on Cloudflare CDN. Token and component updates deploy without an app store release.
// rspack.config.js
const { getTequityOTAConfig } = require('@rohit.s_tequity/ui-native/repack-helper');
const otaConfig = getTequityOTAConfig();
new plugins.ModuleFederationPluginV2({
name: 'host',
remotes: otaConfig.remotes,
shared: otaConfig.shared,
});Wrap your app root:
import { OTAThemeProvider } from '@rohit.s_tequity/ui-native';
<OTAThemeProvider cdnUrl="https://poc-ui-native.pages.dev">
<App />
</OTAThemeProvider>CLI Flags
npx poc-native-init --dry-run # preview changes
npx poc-native-init --yes # CI / non-interactive
npx poc-native-init --skip-tailwind # StyleSheet-only, no NativeWindLinks
- CDN: https://poc-ui-native.pages.dev
- Source: https://github.com/rohits-tequity/StoryBook_poc
