JavaScript Editor — React IDE

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

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

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

• জাভাস্ক্রিপ্ট লিখুন এবং কনসোল আউটপুট সহ এটি চালান — লগ, ওয়ার্নিং এবং এরর, ইনলাইন

• JSX দিয়ে রিয়্যাক্ট কম্পোনেন্ট লিখুন এবং আপনার ডিভাইসে একটি লাইভ প্রিভিউ রেন্ডার হতে দেখুন

• সম্পূর্ণ অফলাইনে কাজ করে — রিয়্যাক্ট রানটাইম অ্যাপটির ভেতরেই বান্ডেল করা থাকে

• আপনার ডিভাইসের যেকোনো জায়গা থেকে .js এবং .jsx ফাইল খুলুন

• আপনার কাজ অ্যাপে সেভ করুন অথবা সিস্টেম ফাইল পিকারের মাধ্যমে ডাউনলোডস, ড্রাইভ বা অন্য যেকোনো জায়গায় এক্সপোর্ট করুন

• ছোট স্ক্রিনের জন্য তৈরি ডার্ক-ফার্স্ট এডিটর দিয়ে ১৫টি ভাষায় কোড করুন

এডিটর

সিনট্যাক্স হাইলাইটিং, সাধারণ বিরামচিহ্নের জন্য একটি সিম্বলস বার, একটি রিয়্যাক্ট হুকস শর্টকাট বার, ফাইন্ড অ্যান্ড রিপ্লেস, ডিপ হিস্ট্রি সহ আনডু/রিডু এবং ফোনের স্ক্রিনের জন্য বিশেষভাবে তৈরি মনোস্পেস টাইপোগ্রাফি।

রিঅ্যাক্ট প্রিভিউ

'রান' (Run) ট্যাপ করলে আপনার কম্পোনেন্টটি এডিটরের নিচে একটি লাইভ প্রিভিউ প্যানে মাউন্ট হবে। এক ট্যাপে CSS এডিট করুন। পুরো স্ক্রিনে ফলাফল দেখার জন্য 'ফুলস্ক্রিন' (fullscreen) ট্যাপ করুন। আপনি চাইলে আপনার প্রিভিউটি একটি আসল ব্রাউজারে খুলতে পারেন — অ্যাপটি আপনার জন্য একটি লুপব্যাক ইউআরএল (loopback URL) সরবরাহ করে।

জাভাস্ক্রিপ্ট কনসোল

যেকোনো জাভাস্ক্রিপ্ট স্নিপেট রান করুন এবং এডিটরের নিচের কনসোলটি দেখুন। রঙ-কোড করা লগ লেভেল (লগ, ইনফো, ওয়ার্ন, এরর), টাইমস্ট্যাম্প এবং এক ট্যাপে ক্লিয়ার করার সুবিধা। চলতে চলতে শেখা, কোনো ফাংশন পরীক্ষা করা বা অ্যালগরিদম অনুশীলন করার জন্য এটি উপযুক্ত।

উদাহরণ গ্যালারি

নির্বাচিত জাভাস্ক্রিপ্ট এবং রিঅ্যাক্ট উদাহরণ — হ্যালো ওয়ার্ল্ড, অ্যারে এবং ইটারেশন, অ্যাসিঙ্ক/অ্যাওয়েট, ক্লোজার, ক্লাস, ফেচ এবং আরও অনেক কিছু; রিঅ্যাক্ট উদাহরণগুলোতে হুকস, স্টেট ম্যানেজমেন্ট, ডাইনামিক লিস্ট, ফর্ম এবং ভিজ্যুয়াল ইফেক্ট অন্তর্ভুক্ত। একটি ট্যাব দিয়ে JS বা রিঅ্যাক্ট দ্বারা ফিল্টার করুন।

সংরক্ষণ এবং ইম্পোর্ট করুন

আপনি যে মোডে আছেন তার উপর ভিত্তি করে .js বা .jsx হিসাবে সংরক্ষণ করুন। "ডিভাইসে সংরক্ষণ করুন" সিস্টেমের সেভ-অ্যাজ ডায়ালগটি খোলে — ফাইলটি ডাউনলোডস, একটি ক্লাউড সিঙ্ক ফোল্ডার বা এক্সটার্নাল স্টোরেজে রাখুন। আপনার ডিভাইস থেকে সরাসরি বিদ্যমান ফাইলগুলি খুলুন — .jsx রিয়্যাক্ট মোডে এবং .js জাভাস্ক্রিপ্ট মোডে খোলে। এক্সটেনশনটি আপনার জন্য সঠিক মোড বেছে নেয়।

থিম এবং কাস্টমাইজেশন

ডিফল্ট ডার্ক-ফার্স্ট থিমিং। ফন্টের আকার এবং ইন্ডেন্ট প্রস্থ পরিবর্তনযোগ্য। সেশন হিস্ট্রি মনে রাখে আপনি শেষ কী নিয়ে কাজ করছিলেন, যাতে আপনি যেখান থেকে শেষ করেছিলেন সেখান থেকেই আবার শুরু করতে পারেন।

কাদের জন্য

• ওয়েব ডেভেলপার যারা ল্যাপটপ থেকে দূরে থাকাকালীন কোনো কম্পোনেন্টের নকশা তৈরি করতে চান

• কম্পিউটার সায়েন্সের ছাত্রছাত্রী যারা জাভাস্ক্রিপ্ট, রিয়্যাক্ট, বা DOM শিখছেন

• ইন্টারভিউয়ের জন্য প্রস্তুতি নিচ্ছেন এমন ব্যক্তিরা যারা আসল JS-এ অ্যালগরিদম অনুশীলন করছেন

• নিজে নিজে কোড করা ব্যক্তিরা যারা চলতে চলতে টিউটোরিয়াল অনুসরণ করেন

• যে কেউ একটি নির্ভরযোগ্য মোবাইল জাভাস্ক্রিপ্ট প্লেগ্রাউন্ড চান

বিনামূল্যে এবং ঐচ্ছিক প্রো আপগ্রেড

অ্যাপটি ইনস্টল এবং ব্যবহার করা বিনামূল্যে। ডেভেলপমেন্টকে সমর্থন করার জন্য এটি বিজ্ঞাপন দেখায়। একবারের প্রো আপগ্রেড বিজ্ঞাপনগুলো সরিয়ে দেয় — কোনো সাবস্ক্রিপশন নেই, কোনো পুনরাবৃত্ত চার্জ নেই।

ভাষাসমূহ

ইউআই (UI) ১৫টি ভাষায় উপলব্ধ, যার মধ্যে রয়েছে ইংরেজি, স্প্যানিশ, পর্তুগিজ, ফরাসি, জার্মান, রুশ, হিন্দি, বাংলা, ইন্দোনেশীয়, তুর্কি, উর্দু, আরবি, চীনা (সরলীকৃত), জাপানি এবং কোরিয়ান।