JavaScript এডিটর React JS TS

আপনার Android ফোনে JavaScript, TypeScript এবং React লিখুন। একটি বাস্তব কোড এডিটর, লাইভ প্রিভিউ, npm প্যাকেজ, মাল্টি-ফাইল প্রোজেক্ট সহ; এক ট্যাপে কাজ ওয়েবে প্রকাশ করুন।

JavaScript Editor হল ওয়েব ডেভেলপার, শিক্ষার্থী ও ইন্টারভিউ প্রস্তুতি গ্রহণকারীদের জন্য একটি মোবাইল ডেভেলপমেন্ট পরিবেশ। এডিটর, কনসোল ও React প্রিভিউ সবই আপনার ডিভাইসে চলে।

আপনি যা করতে পারবেন

• JavaScript লিখুন ও কনসোল আউটপুট সহ চালান — লগ, সতর্কতা ও ত্রুটি, ইনলাইন।

• JSX সহ React কম্পোনেন্ট লিখুন ও ডিভাইসে লাইভ প্রিভিউ রেন্ডার হতে দেখুন।

• TypeScript ও TSX লিখুন; কোড চলার আগে টাইপগুলি স্বয়ংক্রিয়ভাবে সরানো হয়।

• একটি প্রোজেক্টকে একাধিক ফাইল ও ফোল্ডারে ভাগ করুন এবং সেগুলির মধ্যে ইম্পোর্ট করুন।

• সাধারণ ইম্পোর্ট স্টেটমেন্ট ব্যবহার করে npm প্যাকেজ যুক্ত করুন।

• একটি প্রোজেক্টকে এমন লিঙ্কে প্রকাশ করুন যা যেকোনো ব্রাউজারে খোলা ও যে কাউকে পাঠানো যাবে।

• ডিভাইসের যেকোনো স্থানে .js, .jsx, .ts ও .tsx ফাইল খুলুন ও সেভ করুন।

মাল্টি-ফাইল প্রোজেক্ট

বাস্তব অ্যাপ এক ফাইল দিয়ে তৈরি হয় না। কম্পোনেন্ট ও ফোল্ডার যোগ করুন, সাধারণ রিলেটিভ পাথ ব্যবহার করে ইম্পোর্ট করুন এবং ফোন স্ক্রিনের জন্য তৈরি ট্যাব স্ট্রিপ থেকে ফাইল পরিবর্তন করুন। Run ট্যাপ করলে আপনার এন্ট্রি ফাইল স্বয়ংক্রিয়ভাবে মাউন্ট হয়।

TypeScript

TypeScript চালু করে ইন্টারফেস, জেনেরিক ও টাইপড প্রপস সহ .ts ও .tsx লিখুন। এক্সিকিউশনের আগে টাইপগুলি সরানো হয়, তাই Run ট্যাপ করার সাথে সাথে আপনার কোড চলে।

npm প্যাকেজ

নাম দিয়ে একটি প্যাকেজ ইম্পোর্ট করুন; রান করার সময় এটি সমাধান হবে। কোনো টার্মিনাল, ইনস্টল ধাপ বা কনফিগ ফাইল নেই। UI লাইব্রেরি, ডেট হেল্পার বা অ্যানিমেশন প্যাকেজ যুক্ত করে তাৎক্ষণিকভাবে ব্যবহার করুন।

ওয়েবে প্রকাশ করুন

যেকোনো প্রোজেক্টকে একটি লিঙ্কে পরিণত করুন। মাল্টি-ফাইল ইম্পোর্ট, npm প্যাকেজ ও TypeScript সবই অ্যাপে যেভাবে চলে, ঠিক সেভাবেই অন্তর্ভুক্ত থাকে। কোড পরিবর্তন করে আবার প্রকাশ করুন — লিঙ্কটি একই থাকে ও নতুন সংস্করণ দেখায়। যেকোনো সময় পেজ নামিয়ে নিন।

কোড এডিটর

সিনট্যাক্স হাইলাইটিং, ওয়ার্ড র‍্যাপ, বিরামচিহ্নের সিম্বলস বার, React হুকস শর্টকাট বার, ফাইন্ড অ্যান্ড রিপ্লেস ও গভীর আনডু হিস্টরি। ছোট স্ক্রিনের জন্য মনোস্পেস টাইপোগ্রাফি, অ্যাডজাস্টেবল ফন্ট সাইজ ও ইনডেন্ট উইডথ এবং ডার্ক এডিটর থিম।

JavaScript কনসোল এবং ডিবাগিং

যেকোনো স্নিপেট চালান ও এডিটরের নিচে কনসোল পড়ুন। লগ, ইনফো, ওয়ার্ন ও এররের জন্য কালার-কোডেড লেভেল, টাইমস্ট্যাম্প ও এক-ট্যাপে ক্লিয়ার করার সুবিধা। ত্রুটিগুলি যেখানে ঘটেছে সেখানেই দেখা যায়, তাই ত্রুটিপূর্ণ লাইনটি খুঁজে ঠিক করতে পারবেন।

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 সহ ১৬টি ভাষায় উপলব্ধ।