react-native-design

Master React Native styling patterns, React Navigation, and Reanimated 3 to build performant, cross-platform mobile applications with native-quality user experiences. Basic StyleSheet: Dynamic Styles: Row and Column Layouts: Stack Navigator: Tab Navigator: Animated Values: Gesture Handler Integration: - Building cross-platform mobile apps with React Native - Implementing navigation with React Navigation 6+ - Creating performant animations with Reanimated 3 - Styling components with StyleSheet and styled-components - Building responsive layouts for different screen sizes - Implementing platform-specific designs (iOS/Android) - Creating gesture-driven interactions with Gesture Handler - Optimizing React Native performance - Use TypeScript : Define navigation and prop types for type safety - Memoize Components : Use React.memo and useCallback to prevent unnecessary rerenders - Run Animations on UI Thread : Use Reanimated worklets for 60fps animations - Avoid Inline Styles : Use StyleSheet.create for performance - Handle Safe Areas : Use SafeAreaView or useSafeAreaInsets - Test on Real Devices : Simulator/emulator performance differs from real devices - Use FlatList for Lists : Never use ScrollView with map for long lists - Platform-Specific Code : Use Platform.select for iOS/Android differences - Gesture Conflicts : Wrap gestures with GestureDetector and use simultaneousHandlers...