JavaScript Editor: React JS TS

اپنے Android فون پر JavaScript، TypeScript اور React لکھیں۔ لائیو پریویو، npm packages، ملٹی فائل پراجیکٹس اور ایک ٹیپ سے کام ویب پر ڈالنے والا کوڈ ایڈیٹر۔

JavaScript Editor ویب ڈویلپرز، طلباء اور انٹرویو کی تیاری کرنے والوں کے لیے موبائل ڈویلپمنٹ ماحول ہے۔ ایڈیٹر، کنسول اور React پریویو سب ڈیوائس پر چلتے ہیں۔

آپ کیا کر سکتے ہیں

• JavaScript لکھیں، کنسول آؤٹ پٹ (logs، warnings، errors) کے ساتھ چلائیں

• JSX کے ساتھ React components لکھیں، ڈیوائس پر لائیو پریویو دیکھیں

• TypeScript اور TSX لکھیں؛ types کوڈ چلنے سے پہلے خود ہٹا دیے جاتے ہیں

• پراجیکٹ کو files/folders میں تقسیم کریں، ان کے درمیان import کریں

• عام import statement سے npm packages شامل کریں

• پراجیکٹ کو ایسے لنک پر Publish کریں جو کسی بھی براؤزر میں کھل سکے، بھیجا جا سکے

• ڈیوائس پر کہیں بھی .js، .jsx، .ts، .tsx files کھولیں اور محفوظ کریں

ملٹی فائل پراجیکٹس

حقیقی ایپس ایک فائل نہیں ہوتیں۔ components اور folders شامل کریں، relative paths سے import کریں، فون اسکرین کے لیے بنے ٹیب سٹرپ سے files تبدیل کریں۔ Run پر ٹیپ کرتے ہی entry file خود بخود mount ہو جاتی ہے۔

TypeScript

TypeScript آن کریں، interfaces، generics اور typed props کے ساتھ .ts اور .tsx لکھیں۔ Types عمل درآمد سے پہلے ہٹا دیے جاتے ہیں، کوڈ Run پر ٹیپ کرتے ہی چل جاتا ہے۔

npm Packages

نام سے package import کریں، چلانے پر resolve ہو جاتا ہے۔ کوئی terminal، install step یا config file نہیں۔ UI library، date helper یا animation package شامل کریں اور فوراً استعمال کریں۔

ویب پر Publish کریں

کسی بھی پراجیکٹ کو ایک لنک میں تبدیل کریں۔ Multi-file imports، npm packages اور TypeScript سب شامل ہیں، جیسے ایپ میں چلتے ہیں۔ کوڈ تبدیل کریں، دوبارہ publish کریں — لنک وہی رہتا ہے، نیا ورژن دکھاتا ہے۔ جب چاہیں صفحہ ہٹا دیں۔

کوڈ ایڈیٹر

Syntax highlighting، word wrap، رموز اوقاف کے لیے symbols bar، React hooks شارٹ کٹ بار، find and replace، گہری undo history۔ چھوٹی اسکرینوں کے لیے Monospace typography، قابل ایڈجسٹ font size، indent width، dark editor themes کا سیٹ۔

JavaScript کنسول اور ڈیبگنگ

کوئی بھی snippet چلائیں، ایڈیٹر کے نیچے کنسول پڑھیں۔ log، info، warn، error کے لیے رنگین levels، timestamps، ایک ٹیپ سے clear کریں۔ Errors وہیں ظاہر ہوتے ہیں جہاں ہوئے، تاکہ آپ خراب لائن تلاش کر کے ٹھیک کر سکیں۔

React پریویو

Run پر ٹیپ کریں، component ایڈیٹر کے نیچے live preview pane پر mount ہو جائے گا۔ ایک ٹیپ سے CSS میں ترمیم کریں۔ پورے اسکرین پر نتیجہ دیکھنے کے لیے fullscreen جائیں۔

مثالوں کی گیلری

منتخب JavaScript اور React مثالیں — arrays، iteration، async، await، closures، classes، fetch، hooks، state، dynamic lists، forms، visual effects۔ ٹیب سے JavaScript یا React کے لحاظ سے فلٹر کریں۔

محفوظ کریں، کھولیں اور Export کریں

سسٹم ڈائیلاگ کے ذریعے ایپ یا ڈیوائس پر محفوظ کریں۔ موجودہ files براہ راست فون سے کھولیں؛ extension صحیح mode کا انتخاب کرتا ہے۔ پراجیکٹ کو standalone HTML file کے طور پر Export کریں جو کسی بھی براؤزر میں چلتا ہے۔

یہ کن کے لیے ہے

• ویب ڈویلپرز جو لیپ ٹاپ سے دور component کا خاکہ بنا رہے ہیں

• طلباء جو JavaScript، TypeScript، React یا DOM سیکھ رہے ہیں

• انٹرویو کی تیاری کرنے والے جو حقیقی JavaScript میں algorithms کی مشق کر رہے ہیں

• خود سکھائے گئے کوڈرز جو فون پر tutorials کی پیروی کر رہے ہیں

• کوئی بھی جو موبائل JavaScript playground چاہتا ہے جو حقیقی کام محفوظ کرے

ایک Pro اپ گریڈ دستیاب ہے

ایڈیٹر، کنسول، React پریویو اور مثالوں کی گیلری مفت ہے۔ Pro اپ گریڈ اشتہارات ہٹاتا ہے اور multi-file projects، TypeScript، publishing، editor themes، custom snippets، find and replace، one-tap formatting کو کھولتا ہے۔

زبانیں

16 زبانوں میں دستیاب: English، Spanish، Portuguese، French، German، Russian، Hindi، Bengali، Indonesian، Turkish، Urdu، Arabic، Somali، Chinese (Simplified)، Japanese، Korean۔