JavaScript संपादक: React JS TS

अपने Android फ़ोन पर JavaScript, TypeScript और React लिखें। एक वास्तविक कोड एडिटर जिसमें लाइव प्रीव्यू, npm packages, मल्टी-फाइल प्रोजेक्ट्स और आपके काम को वेब पर डालने के लिए एक टैप की सुविधा है।

JavaScript Editor वेब डेवलपर्स, छात्रों और इंटरव्यू की तैयारी करने वालों के लिए एक मोबाइल डेवलपमेंट एनवायरनमेंट है। एडिटर, कंसोल और React प्रीव्यू सभी आपके डिवाइस पर चलते हैं।

क्या कर सकते हैं

• JavaScript लिखें और इसे कंसोल आउटपुट के साथ चलाएं — लॉग, चेतावनियाँ और त्रुटियाँ, इनलाइन।

• JSX के साथ React कंपोनेंट्स लिखें और अपने डिवाइस पर लाइव प्रीव्यू देखें।

• TypeScript और TSX लिखें, कोड चलने से पहले टाइप अपने आप हटा दिए जाते हैं।

• एक प्रोजेक्ट को कई फाइलों और फोल्डरों में बांटें, और उनके बीच इम्पोर्ट करें।

• सामान्य इम्पोर्ट स्टेटमेंट के साथ npm packages को शामिल करें।

• एक प्रोजेक्ट को एक लिंक पर प्रकाशित करें जिसे किसी भी ब्राउज़र में खोला जा सकता है और किसी को भी भेजा जा सकता है।

• अपने डिवाइस पर कहीं भी .js, .jsx, .ts और .tsx फाइलें खोलें और सहेजें।

मल्टी-फाइल प्रोजेक्ट्स

वास्तविक ऐप्स एक फाइल के नहीं होते। कंपोनेंट्स और फोल्डर जोड़ें, सामान्य रिलेटिव पाथ्स के साथ उनके बीच इम्पोर्ट करें, और फोन स्क्रीन के लिए बनी टैब स्ट्रिप से फाइलें स्विच करें। Run टैप करने पर आपकी एंट्री फाइल अपने आप माउंट हो जाती है।

टाइपस्क्रिप्ट

TypeScript चालू करें और इंटरफेस, जेनेरिक्स और टाइप्ड प्रॉप्स के साथ .ts और .tsx लिखें। निष्पादन से पहले टाइप हटा दिए जाते हैं, इसलिए Run टैप करते ही आपका कोड चलता है।

NPM पैकेजेस

नाम से एक पैकेज इम्पोर्ट करें और चलाने पर यह रिजॉल्व हो जाता है। कोई टर्मिनल, कोई इंस्टाल स्टेप, कोई कॉन्फिग फाइल नहीं। एक UI लाइब्रेरी, एक डेट हेल्पर या एक एनीमेशन पैकेज लाएं और तुरंत उपयोग करें।

वेब पर प्रकाशित करें

किसी भी प्रोजेक्ट को एक लिंक में बदलें। मल्टी-फाइल इम्पोर्ट्स, npm packages और TypeScript सभी शामिल हैं, ठीक वैसे ही जैसे वे ऐप में चलते हैं। अपना कोड बदलें और फिर से प्रकाशित करें — लिंक वही रहता है और नया संस्करण दिखाता है। जब चाहें एक पेज हटा दें।

कोड एडिटर

सिंटैक्स हाइलाइटिंग, वर्ड रैप, विराम चिह्नों के लिए एक सिंबल बार, एक React हुक्स शॉर्टकट बार, फाइंड एंड रिप्लेस, और वास्तविक गहराई के साथ अनडू हिस्ट्री। छोटी स्क्रीन के लिए मोनोस्पेस टाइपोग्राफी, एडजस्टेबल फॉन्ट साइज और इंडेंट चौड़ाई, और डार्क एडिटर थीम्स का एक सेट।

जावास्क्रिप्ट कंसोल और डीबगिंग

कोई भी स्निपेट चलाएं और एडिटर के नीचे कंसोल पढ़ें। लॉग, इन्फो, वार्न और एरर के लिए कलर-कोडेड लेवल्स, टाइमस्टैम्प्स, और वन-टैप क्लियर। त्रुटियाँ वहीं दिखती हैं जहाँ वे हुईं, ताकि आप उस लाइन को ढूंढ सकें जो टूट गई और उसे ठीक कर सकें।

रिएक्ट प्रीव्यू

Run टैप करें और आपका कंपोनेंट एडिटर के नीचे एक लाइव प्रीव्यू पेन में माउंट हो जाता है। एक टैप से CSS एडिट करें। पूरे स्क्रीन पर परिणाम देखने के लिए फुलस्क्रीन पर जाएं।

उदाहरण गैलरी

क्यूरेटेड JavaScript और React उदाहरण — एरेज़ और इटिरेशन, async और await, क्लोजर्स, क्लासेस, fetch, हुक्स, स्टेट, डायनामिक लिस्ट्स, फॉर्म्स और विजुअल इफेक्ट्स। एक टैब से JavaScript या React द्वारा फ़िल्टर करें।

सहेजें, खोलें और निर्यात करें

सिस्टम डायलॉग के माध्यम से ऐप में या अपने डिवाइस पर सहेजें। अपने फोन से सीधे मौजूदा फाइलें खोलें; एक्सटेंशन सही मोड चुनता है। एक प्रोजेक्ट को एक स्टैंडअलोन HTML फाइल के रूप में निर्यात करें जो किसी भी ब्राउज़र में चलती है।

यह किसके लिए है

• वेब डेवलपर्स जो अपने लैपटॉप से दूर एक कंपोनेंट स्केच कर रहे हैं।

• JavaScript, TypeScript, React या DOM सीख रहे छात्र।

• वास्तविक JavaScript में एल्गोरिदम का अभ्यास कर रहे इंटरव्यू की तैयारी करने वाले।

• फोन पर ट्यूटोरियल का पालन करने वाले स्व-शिक्षित कोडर्स।

• कोई भी जो एक मोबाइल JavaScript प्लेग्राउंड चाहता है जो वास्तविक काम बचाता है।

एक प्रो अपग्रेड उपलब्ध है

एडिटर, कंसोल, React प्रीव्यू और उदाहरण गैलरी उपयोग करने के लिए मुफ्त हैं। एक प्रो अपग्रेड विज्ञापन हटाता है और मल्टी-फाइल प्रोजेक्ट्स, TypeScript, पब्लिशिंग, एडिटर थीम्स, कस्टम स्निपेट्स, फाइंड एंड रिप्लेस, और वन-टैप फॉर्मेटिंग को अनलॉक करता है।

भाषाएँ

English, Spanish, Portuguese, French, German, Russian, Hindi, Bengali, Indonesian, Turkish, Urdu, Arabic, Somali, Chinese (Simplified), Japanese और Korean सहित 16 भाषाओं में उपलब्ध है।