React Native - Essential UI Component Libraries
Input & Controls
- Toast/Notifications - sonner-native
- Range/Value Slider - @react-native-community/slider
- Date/Time Picker - @react-native-community/datetimepicker
- Multi-Select / Dropdown - react-native-dropdown-picker
- Form Validation - react-hook-form
- Rich Text Input - react-native-rich-editor
- OTP / PIN Input - react-native-otp-entry
- Phone Number Input - react-native-phone-number-input
Navigation & Layout
- Navigation - @react-navigation/native
- Bottom Tabs - @react-navigation/bottom-tabs
- Bottom Sheet - @gorhom/bottom-sheet
- Drawer - @react-navigation/drawer
Lists & Scrolling
- Carousel/Slider - react-native-reanimated-carousel
- Flash List (Performant FlatList) - @shopify/flash-list
- Drag & Drop List - react-native-draggable-flatlist
- Swipeable List Item - react-native-swipeable-item
Media & Files
- Image Picker - react-native-image-picker
- Image Viewer/Zoom - react-native-image-zoom-viewer
- Video Player - react-native-video
- Camera - react-native-vision-camera
- Document Picker - react-native-document-picker
- Audio - react-native-track-player
Maps & Location
- Maps - react-native-maps
- Location - expo-location
- Geolocation - @react-native-community/geolocation
Animations & Gestures
- Animations - react-native-reanimated
- Gesture Handler - react-native-gesture-handler
- Lottie Animations - lottie-react-native
- Skeleton Loader - react-native-skeleton-placeholder
Modals & Overlays
- Modal - react-native-modal
- Action Sheet - @expo/react-native-action-sheet
- Tooltip - react-native-tooltip-menu
- Popover - react-native-popover-view
Data & Storage
- Secure Storage - expo-secure-store
- Async Storage - @react-native-async-storage/async-storage
- SQLite - expo-sqlite
- MMKV (Fast Storage) - react-native-mmkv
- State Management - zustand
Networking & API
- HTTP Client - axios
- Data Fetching/Caching - @tanstack/react-query
- GraphQL - @apollo/client
- WebSocket - socket.io-client
Auth & Security
- Auth - @react-native-google-signin/google-signin
- Biometrics - react-native-biometrics
- Keychain (Secure Storage) - react-native-keychain
- Encryption - react-native-quick-crypto
Charts & Data Visualization
- Charts - victory-native
- Graphs - react-native-gifted-charts
- Progress Bar/Circle - react-native-progress
Utilities
- Icons - @expo/vector-icons
- Splash Screen - expo-splash-screen
- Deep Linking - expo-linking
- Push Notifications - expo-notifications
- Haptics - expo-haptics
- Clipboard - expo-clipboard
- Share - react-native-share
- QR Code Scanner - react-native-vision-camera
- QR Code Generator - react-native-qrcode-svg
- Payments - @stripe/stripe-react-native
Temp
npm i react-hook-form @hookform/resolvers zod npm i @tanstack/react-query zustand uuid date-fns clsx
Auth steps
- authHelper.ts in auth