React Native मध्ये प्लॅटफॉर्म-विशिष्ट कोड कसे लिहायचे?

Question

Accepted Answer

जरी React Native iOS आणि Android मधील बहुतांश कोड शेअर करतो, परंतु काहीवेळा आपल्याला **प्लॅटफॉर्म-विशिष्ट** कोड किंवा स्टाइलिंग आवश्यक असते — वेगवेगळ्या प्लॅटफॉर्म वर्तन, डिজाइन किंवा क्षमतांसाठी. React Native हे **Platform** मॉड्यूल आणि प्लॅटफॉर्म-विशिष्ट फाइल एक्सटेंशन प्रदान करते.

## The Platform module

```jsx
import { Platform } from 'react-native';

// check the current platform
if (Platform.OS === 'ios') { /* iOS-specific */ }
else if (Platform.OS === 'android') { /* Android-specific */ }

// Platform.select — pick a value per platform
const styles = {
  padding: Platform.OS === 'ios' ? 20 : 16,
  ...Platform.select({
    ios: { fontFamily: 'Helvetica' },
    android: { fontFamily: 'Roboto' },
  }),
};
```

`Platform.OS` प्लॅटफॉर्म तपासते; `Platform.select` प्रत्येक प्लॅटफॉर्मसाठी मूल्ये निवडते — सशर्त वर्तन आणि स्टाइलिंगसाठी.

## Platform-specific files

```text
→ Create separate files per platform using extensions:
  Button.ios.js   → used on iOS
  Button.android.js → used on Android
  import Button from './Button'   → RN automatically picks the right file per platform
→ Good for substantially different platform implementations (cleaner than lots of if-checks)
```

## कधी आणि कसे वापरायचे

```text
✓ Use platform-specific code SPARINGLY — share code by default; diverge only when needed
✓ Common reasons: platform design conventions (iOS vs Material), platform-specific
  features/APIs, behavior differences, platform-appropriate UX
✓ Platform module for small differences; .ios/.android files for large differences
✓ Test on BOTH platforms (a feature working on one may differ/break on the other)
```

## हे महत्वाचे का आहे

प्लॅटफॉर्म-विशिष्ट कोड कसे लिहायचे हे समजणे मूल्यवान आहे कारण **क्रॉस-प्लॅटफॉर्म अ‍ॅप्लिकेशन्सना काहीवेळा प्लॅटफॉर्म-विशिष्ट वर्तन किंवा स्टाइलिंग आवश्यक असते**, म्हणून हे योग्यरित्या हाताळणे वास्तविक React Native अ‍ॅप्लिकेशन्ससाठी उपयोगी व्यावहारिक ज्ञान आहे.

जरी React Native चे मूल्य iOS आणि Android मधील बहुतांश कोड शेअर करणे आहे, तर वास्तविक अ‍ॅप्लिकेशन्सना काहीवेळा **प्रत्येक प्लॅटफॉर्मनुसार भिन्न** होणे आवश्यक असते — प्लॅटफॉर्म डिजाइन परिपाटी (iOS विरुद्ध Android/Material सौंदर्यशास्त्र), प्लॅटफॉर्म-विशिष्ट वैशिष्ट्ये किंवा APIs, वर्तन मतभेद, किंवा प्लॅटफॉर्म-उपयुक्त UX — आणि हे कसे हाताळायचे हे समजणे महत्वाचे आहे.

**Platform module** (`Platform.OS` प्लॅटफॉर्म तपासण्यासाठी आणि `Platform.select` प्रत्येक प्लॅटफॉर्मसाठी मूल्ये निवडण्यासाठी) लहान फरक इनलाइन हाताळते — सशर्त वर्तन आणि स्टाइलिंग. **Platform-specific files** (`.ios.js` आणि `.android.js` एक्सटेंशन वापरून, React Native स्वयंचलितपणे योग्य फाइल निवडते) मोठे फरक स्वच्छपणे हाताळते (अनेक सशर्त ऐवजी वेगवेगळी अंमलबजावणी).

**कधी आणि कसे वापरायचे हे समजणे** चांगल्या निर्णयाचे प्रतिबिंब असते: प्लॅटफॉर्म-विशिष्ट कोड **विरलतेने** वापरणे (डिफॉल्टनुसार कोड शेअर करणे आणि केवळ वास्तविकपणे आवश्यक असताना भिन्न होणे — React Native चा क्रॉस-प्लॅटफॉर्म लाभ जतन करणे), लहान फरकांसाठी Platform module वापरणे विरुद्ध मोठ्या फरकांसाठी प्लॅटफॉर्म-विशिष्ट फाइल्स, आणि महत्त्वाचे म्हणजे **दोन्ही प्लॅटफॉर्मवर परीक्षण करणे** (कारण एक प्लॅटफॉर्मवर कार्यरत असलेली वैशिष्ट्य दुसऱ्यावर भिन्न किंवा खराब होऊ शकते — सामान्य वास्तविक समस्या).

ही संतुलित दृष्टिकोन (डिफॉल्टनुसार शेअर करणे, विचारशील असताना भिन्न होणे, दोघेही परीक्षण करणे) परिपक्व क्रॉस-प्लॅटफॉर्म विकास प्रतिबिंबित करते.

क्रॉस-प्लॅटफॉर्म अ‍ॅप्लिकेशन्सना कधीकधी वैधरित्या प्लॅटफॉर्म-विशिष्ट कोड आवश्यक असतो (परिपाटी, वैशिष्ट्ये, किंवा UX साठी) आणि हे योग्यरित्या हाताळणे (योग्य साधने विरलतेने वापरलेली, दोन्ही-प्लॅटफॉर्म परीक्षणसह) गुणवत्ता अ‍ॅप्लिकेशन्ससाठी महत्वाचे आहे, आणि Platform module आणि platform-specific files समजणे हे सक्षम करते, React Native मध्ये प्लॅटफॉर्म-विशिष्ट कोड कसे लिहायचे हे समजणे मूल्यवान, व्यावहारिकदृष्ट्या प्रासंगिक ज्ञान आहे — वास्तविक अ‍ॅप्लिकेशन्समध्ये उद्भवलेल्या प्लॅटफॉर्म फरक हाताळण्यासाठी उपयोगी जो React Native चा क्रॉस-प्लॅटफॉर्म कोड-शेअरिंग लाभ जतन करतो, विचारशील क्रॉस-प्लॅटफॉर्म विकास प्रतिबिंबित करते.