Feat/react native refactor #2819
Draft
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
… system Major Changes: - Add Storybook integration with 20+ component stories for isolated development - Setup Expo app environment for interactive component testing - Implement tsup build system for dual ESM/CJS output with TypeScript declarations - Add UI primitives library (ui/) with shadcn-style components - Configure Metro bundler with NativeWind and Storybook support Developer Experience: - Add proper TypeScript configuration (tsconfig.json, tsconfig.build.json) - Configure ESLint with React Native and TypeScript rules - Add Babel configuration with Reanimated and NativeWind plugins - Setup development utilities (lib/) for theming and platform helpers Component Updates: - Export ChipProps and PresetProps interfaces for better type inference - Add comprehensive story files for all components - Fix TypeScript errors across all story files Build & Dependencies: - Add @rn-primitives packages (avatar, portal, progress, slot, tooltip) - Update react-native-reanimated to ~3.17.4 - Add entities@^2.2.0 for markdown-it compatibility - Configure dual build output (ESM + CJS) with proper type declarations FCT-38059
- Add nativewind/babel preset to babel.config.js (required by NativeWind) - Add Metro bundler configuration for web in app.json - Install react-native-worklets (required peer dependency for NativeWind CSS interop) - Fix Storybook flag to show Expo app by default (removed || true) - Update playground/global.css with Tailwind directives
- Add compile-css script to manually compile Tailwind CSS - Update dev:storybook to compile CSS before starting Storybook - Update dev:app to compile CSS before starting the app - Remove postinstall script that breaks package installation (it referenced playground/global.css which isn't in published pkg) This ensures NativeWind styles work during development without breaking package installation for consumers.
- Update tsup config to build components, icons, lib, and ui folders - Add glob-based filtering to exclude test and story files - Fix TypeScript errors in date.ts and BaseAvatar/utils.ts - Add .d.ts and .d.mts type declarations for all modules - Update tsconfig.build.json to exclude .stories files - Remove src from package files array (only ship dist/) - Package now mirrors src/ structure in dist/ for better organization - All code is properly typed, tree-shakeable, and available in both ESM & CJS
… exports and dependencies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description
Screenshots (if applicable)
[Link to Figma Design](Figma URL here)
Implementation details