React Native: Learn & Practice

Code Play

यामध्‍ये जाहिराती आहेत

या अ‍ॅपविषयी

संक्षिप्त स्पष्टीकरणे, व्यावहारिक कोडची उदाहरणे आणि लहान आव्हानांद्वारे रिएक्ट नेटिव्ह शिका. १० मॉड्यूल्समधील १४८ धडे अभ्यासा, कोडिंग प्लेग्राऊंडमध्ये एक उदाहरण उघडा आणि इंटरफेस कसा काम करतो हे समजून घेण्यासाठी त्यात बदल करा.

मूलभूत गोष्टींपासून सरावापर्यंत एक स्पष्ट मार्ग
टेक्स्ट, व्ह्यूज, व्हेरिएबल्स, कंपोनंट्स, इमेजेस आणि स्टाइल्सपासून सुरुवात करा. पुढे फ्लेक्सबॉक्स लेआउट्स, फॉर्म्स, टेक्स्ट इनपुट, बटन्स, टच इंटरॅक्शन्स, स्क्रोलिंग आणि लिस्ट्स शिका. पुढील मॉड्यूल्समध्ये हुक्स, रियुजेबल कंपोनंट्स, स्टेट मॅनेजमेंट, परफॉर्मन्स कन्सेप्ट्स, रिस्पॉन्सिव्ह लेआउट्स आणि सराव प्रकल्पांचा परिचय करून दिला जातो.

संपादन करण्यापूर्वी संकल्पना वाचा
प्रत्येक धड्यात एक उद्दिष्ट, सोप्या भाषेत आढावा, मुख्य संकल्पना, कोड, व्यावहारिक टिप्स, एक लहान आव्हान आणि स्व-पुनरावलोकनासाठी प्रश्न एकत्र दिलेले आहेत. उदाहरण त्याच्या स्पष्टीकरणासोबत पहा, आणि जेव्हा तुम्ही प्रयोग करण्यास तयार असाल तेव्हा संपादन करण्यायोग्य आवृत्ती उघडा. बिगिनर, इंटरमीडिएट आणि प्रॅक्टिस हे लेबल्स तुम्हाला कोर्समध्ये प्रत्येक विषयाचे स्थान समजण्यास मदत करतात.

तुमचे स्वतःचे बदल करून पहा
टेक्स्ट, व्हॅल्यूज, स्टाइल्स आणि कंपोनंटच्या वर्तनात बदल करण्यासाठी अंगभूत जावास्क्रिप्ट आणि JSX एडिटरचा वापर करा. सिंटॅक्स हायलाइटिंग आणि लाइन नंबर्समुळे उदाहरणे समजायला सोपी जातात. अंडू (Undo) आणि रीडू (Redo) तुम्हाला बदल तपासण्यास मदत करतात, तर रीसेट कोड (Reset code) सुरुवातीचे उदाहरण पूर्ववत करतो. ॲपमधील पूर्वावलोकन (in-app preview) उघडण्यासाठी 'रन ॲप' (Run app) वर टॅप करा, त्यानंतर दुसऱ्या प्रयत्नासाठी संपादनाकडे (editing) परत या.

उपयुक्त पॅटर्न्स शोधा
नियंत्रित इनपुट्स (controlled inputs), फॉर्म व्हॅलिडेशन (form validation), पासवर्ड व्हिजिबिलिटी (password visibility), कॅरेक्टर काउंटर्स (character counters), लिस्ट फिल्टरिंग (list filtering), निवडण्यायोग्य आयटम्स (selectable items), आणि एम्प्टी स्टेट्स (empty states) यांचा अभ्यास करा. काउंटर्स, टायमर्स, लाइव्ह क्लॉक, तापमान कन्व्हर्टर, टिप कॅल्क्युलेटर, कार्ड्स, अकॉर्डियन, साधे टॅब्स, आणि मिनी टू-डू लिस्ट यांच्यासोबत सराव करा. ही शिकण्याची उदाहरणे आहेत जी तुम्हाला इंटरफेसचे छोटे भाग एकत्र कसे बसतात हे तपासू देतात.

तुम्हाला आवश्यक असलेला धडा शोधा
धड्यांची शीर्षके शोधा किंवा मॉड्यूलनुसार लायब्ररी मर्यादित करा. सर्व धडे, प्रगतीपथावरील धडे, सेव्ह केलेले आवडीचे धडे आणि पूर्ण झालेले धडे यांच्यामध्ये स्विच करा. मागील (Previous) आणि पुढील (Next) कंट्रोल्स वापरा किंवा धड्यांमध्ये स्वाइप करा. जेव्हा तुम्ही फिल्टर केलेल्या लायब्ररीमधून एखादा धडा उघडता, तेव्हा नेव्हिगेशन त्या निवडीनुसार पुढे जाते, जेणेकरून तुम्ही निवडलेल्या विषयांवरच राहू शकता.

तुमच्या शिकण्याचा मागोवा ठेवा
पुनरावलोकनासाठी धडे बुकमार्क करा आणि तुम्ही तयार झाल्यावर ते पूर्ण झाले म्हणून चिन्हांकित करा. होम स्क्रीनवर कोर्सची प्रगती, पूर्ण झालेल्या आणि सेव्ह केलेल्या भागांची संख्या, आणि अभ्यासाची सलगता (स्टडी स्ट्रीक) दिसते. शेवटचा धडा पुन्हा सुरू करा किंवा पुढील अपूर्ण विषयाकडे जा. प्रगती आणि बुकमार्क्स तुमच्या डिव्हाइसवर स्थानिकरित्या साठवले जातात.

तुमच्या प्रयोगांकडे परत जा
एखादे उदाहरण चालवल्यास, त्याचा कोड त्या धड्यासाठी स्थानिक मसुदा (लोकल ड्राफ्ट) म्हणून सेव्ह होतो. मसुदा परत मिळवण्यासाठी प्लेग्राउंड पुन्हा उघडा, किंवा मूळ कोडवर परत जाण्यासाठी ते रीसेट करा. यामुळे सुरुवातीचे साहित्य न बदलता, काही काळानंतर एखाद्या कल्पनेचा पुन्हा अभ्यास करणे सोपे होते.

आरामदायक स्वरूप निवडा
लर्निंग इंटरफेससाठी लाइट मोड, डार्क मोड किंवा सिस्टम थीम निवडा. एखादी संकल्पना वाचा, तिचा कोड तपासा, एक केंद्रित बदल करा, आणि तो लागू करण्याचा सराव करण्यासाठी चॅलेंजचा वापर करा.

हे ॲप विद्यार्थी, कोडिंगमध्ये रुची असलेले नवशिके, आणि मोबाइल इंटरफेस संकल्पनांचा आढावा घेणाऱ्या डेव्हलपर्ससाठी डिझाइन केलेले आहे. उदाहरणे वेब-आधारित प्रिव्ह्यूमध्ये चालतात; प्लॅटफॉर्म-विशिष्ट API आणि कार्यपद्धती नेटिव्ह ॲपपेक्षा भिन्न असू शकतात. ॲपमध्ये जाहिराती आहेत. हे एक स्वतंत्र शैक्षणिक ॲप आहे; React Native प्रोजेक्टशी संलग्न नाही किंवा त्यांच्याद्वारे समर्थित नाही.