🧱 Most Common Reusable Components for Web & Mobile Apps
Every app is made of reusable components. Start with these:
🔹 Web (React / Next.js)
- Button: Primary, secondary, icon button
- Input: Text, number, password with validation
- Modal: Overlay dialog with ESC/backdrop support
- Toast/Alert: Feedback messages
- Card: Reusable content blocks
- Dropdown/Select: Multi or single select
📱 React Native / Android
- TouchableButton / Pressable: Button with ripple or feedback
- TextInput: Validated input with keyboard control
- FlatList / RecyclerView: Lists and data rendering
- Modal: Popup or fullscreen dialog
- Snackbar / Toast: In-app messaging
🎨 UI Libraries
- shadcn/ui: Beautiful Tailwind-based components
npx shadcn-ui@latest init - chakra-ui: Fully styled React components
npm i @chakra-ui/react - react-native-paper: Material Design components for RN
npm i react-native-paper