पुनः उपयोग योग्य Views अलग करना
UI को composable subviews में बाँटिए।
पुनः उपयोग योग्य Views अलग करना, CoddyKit पर SwiftUI Academy का एक निःशुल्क पाठ है। यह 4 में से 1वाँ पाठ है। आप नीचे पूरा पाठ निःशुल्क पढ़ सकते हैं—फिर अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर के साथ ब्राउज़र में इसका व्यावहारिक अभ्यास कर सकते हैं। यह SwiftUI Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। SwiftUI Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।
Views को अलग क्यों करें?
जब किसी view का body बहुत लंबा और दोहराव वाला हो जाता है, तो उसे पढ़ना कठिन होता है। हिस्सों को अपने-अपने views में निकालने से extraction के माध्यम से कोड अधिक स्पष्ट होता है। 🧩
View केवल एक Struct है
हर SwiftUI view, View के अनुरूप बनने वाला एक छोटा struct होता है। नया पुनः उपयोग योग्य view बनाना एक और struct लिखने जितना सरल है।
struct AvatarView: View {
var body: some View { Image("me") }
}एक हिस्से को बाहर निकालें
अपने body में कोई स्वतंत्र ब्लॉक पहचानें और उसे अपने view में ले जाएँ। पैरेंट body छोटा हो जाता है और intent एक नज़र में समझ आता है।
Properties से डेटा दें
पुनः उपयोग योग्य view इनपुट को साधारण संग्रहीत properties के रूप में लेता है। पैरेंट child बनाते समय मान देता है।
struct Badge: View {
let count: Int
var body: some View { Text("\(count)") }
}हर जगह पुनः उपयोग करें
एक बार अलग करने के बाद आप अलग-अलग डेटा के साथ उसी view को कई जगह रख सकते हैं। एक परिभाषा, अनेक uses।
Badge(count: 3)
Badge(count: 12)डिफ़ॉल्ट मान सहायक होते हैं
किसी property को default दें, ताकि कॉल करने वाले उसे छोड़ सकें। सामान्य स्थितियाँ छोटी रहती हैं और विशेष स्थितियाँ फिर भी अनुकूलित की जा सकती हैं।
struct Tag: View {
var color: Color = .blue
var body: some View { Capsule().fill(color) }
}Views को केंद्रित रखें
एक अच्छा पुनः उपयोग योग्य view one काम करता है। यदि वह कई काम संभालता है, तो उसे फिर से छोटे और स्पष्ट हिस्सों में बाँटें।
Views का नाम भूमिका के अनुसार रखें
किसी view का नाम इस आधार पर रखें कि वह क्या दर्शाता है, जैसे ProfileHeader या PriceTag। स्पष्ट name पाठकों को तुरंत बताता है कि इसका उपयोग कब करना है।
हर View के लिए Preview
हर अलग किए गए view का अपना preview हो सकता है। आप उसे अलग से देखकर पूरे ऐप को चलाए बिना उस पर काम कर सकते हैं।
#Preview {
Badge(count: 5)
}छोटे Bodies, तेज़ बदलाव
छोटे bodies कंपाइलर और आपके लिए आसान होते हैं। Extraction बड़े bodies को नामित हिस्सों के व्यवस्थित composition में बदल देता है।
दोहराएँ नहीं, संयोजित करें
UI को कॉपी-पेस्ट करने के बजाय छोटे views बनाकर उन्हें compose करें। बग एक बार ठीक करें और उसका उपयोग करने वाली हर स्क्रीन बेहतर हो जाएगी।
त्वरित जाँच
Views को अलग करने पर एक त्वरित जाँच।
पुनरावलोकन: अलग करें और पुनः उपयोग करें
दोहराए जाने वाले UI को डेटा के लिए properties वाले केंद्रित structs में ले जाएँ। आपको छोटे bodies, स्पष्ट नाम और ऐसा UI मिलता है जिसे एक ही जगह ठीक किया जा सकता है। 🧠
एआई शिक्षक के साथ Swift सीखें — निःशुल्क
अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।
- पाठ्यक्रम
- 30
- पाठ
- 120
अक्सर पूछे जाने वाले प्रश्न
क्या “पुनः उपयोग योग्य Views अलग करना” पाठ निःशुल्क है?
हाँ—“पुनः उपयोग योग्य Views अलग करना” का पूरा पाठ यहाँ वेब पर निःशुल्क पढ़ा जा सकता है। इंटरैक्टिव अभ्यास (अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर) करने और SwiftUI Academy पाठ्यक्रम का बाकी हिस्सा अनलॉक करने के लिए CoddyKit PRO लें। SwiftUI Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।
“पुनः उपयोग योग्य Views अलग करना” में मैं क्या सीखूँगा?
UI को composable subviews में बाँटिए। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ SwiftUI Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।
क्या SwiftUI Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?
पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर SwiftUI Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 1वाँ पाठ है।
“पुनः उपयोग योग्य Views अलग करना” पाठ पूरा करने में कितना समय लगता है?
CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।
क्या मैं इस SwiftUI Academy पाठ में कोड लिख और चला सकता हूँ?
हाँ। हर SwiftUI Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।
इस पाठ्यक्रम के सभी पाठ
- पुनः उपयोग योग्य Views अलग करना
- Custom ViewModifiers
- ButtonStyle और LabelStyle
- ViewBuilder और Generic Containers