কীভাবে প্রতিক্রিয়া-ভিত্তিক ইলেক্ট্রন অ্যাপ তৈরি করতে হয়

ইলেকট্রন এবং প্রতিক্রিয়া উভয়েরই আজকাল কোনও পরিচয়ের প্রয়োজন নেই। যদি ইলেক্ট্রন আমাদের উইন্ডোজ বা ম্যাক ওএস অ্যাপ্লিকেশনগুলির বিকাশের সহজ এবং দ্রুত উপায় দেয় তবে প্রতিক্রিয়া লাইব্রেরির উপাদান-ভিত্তিক পদ্ধতি ওয়েব বিকাশকে আরও কাঠামোগত এবং মডুলার করে তোলে। ইলেকট্রন এবং রেক্টের সংমিশ্রণটি একটি ডেস্কটপ অ্যাপ্লিকেশন বিকাশের দুর্দান্ত উপায় হবে।

ইলেক্ট্রন + র্যাক্ট সংমিশ্রণের জন্য কয়েকটি বয়লার প্লেট রয়েছে। সর্বাধিক জনপ্রিয় একটি হ'ল -

নতুনদের জন্য, এই বয়লারপ্লেটটি কিছুটা জটিল অনুভূত হতে পারে (শুরুতে আমিও একইভাবে অনুভব করেছি)। সুতরাং এই টিউটোরিয়ালে আমি আপনাকে কীভাবে ইলেক্ট্রনকে প্রতিক্রিয়ার সাথে যুক্ত করতে সবচেয়ে সহজ উপায়টি দেখাতে চাই।

আমি ধরে নিচ্ছি আপনি ইতিমধ্যে Node.js ইনস্টল করেছেন এবং এনপিএম বা সুতা ব্যবহার করে একটি অ্যাপ লাইব্রেরিও তৈরি করছেন। এখন আসুন আমাদের অ্যাপ্লিকেশনটি তৈরি করুন।

নিম্নলিখিত কমান্ড দিয়ে আপনার প্রতিক্রিয়া অ্যাপ্লিকেশন তৈরি করুন:

এনপিএক্স তৈরি-প্রতিক্রিয়া-অ্যাপ্লিকেশন --typescript

দ্রষ্টব্য: আপনার অ্যাপ্লিকেশনটি তৈরি-প্রতিক্রিয়া-অ্যাপ্লিকেশন তৈরি করার সময় দয়া করে টাইপস্ক্রিপ্ট বিকল্পটি ব্যবহার করুন। ইলেক্ট্রন নির্মাতার সর্বশেষতম সংস্করণ স্ক্রিপ্টের ধরণের উপর নির্ভর করে।

আপনার অ্যাপ্লিকেশনটি সফলভাবে তৈরি হয়ে গেলে, কোনও সম্পাদকের মধ্যে প্রকল্পটি খুলুন। আমি ভিজ্যুয়াল স্টুডিও কোড পছন্দ করি।

সুতরাং এটি সর্বনিম্ন ইনস্টলড লাইব্রেরি সহ আমাদের নতুন প্রকল্পের প্রাথমিক কাঠামো। আসুন অন্য কয়েকটি গ্রন্থাগার ইনস্টল করুন যা আমাদের ইলেক্ট্রন অ্যাপ্লিকেশন তৈরি করতে হবে।

কমান্ড প্রম্পটে, আপনার প্রকল্প ফোল্ডারে নেভিগেট করুন এবং নিম্নলিখিত কমান্ডটি চালান:

সুতা ক্রস-এনভ ইলেকট্রন-ইস-দেব যুক্ত করুন
বা
এনপিএম ইনস্টল - সেভ ক্রস-এনভি ইলেক্ট্রন-ইভ-ডেভ

একবার হয়ে গেলে, তারপর এটি করুন -

সুতা যোগ করুন - একই সময়ে ইলেক্ট্রন ইলেক্ট্রন জেনারেটরের অপেক্ষায়
বা
এনপিএম একই সময়ে ইলেক্ট্রন ইলেকট্রন বিল্ডার অপেক্ষারত ইনস্টল করুন
সমস্ত প্রয়োজনীয় লাইব্রেরি যুক্ত করার পরে

এখন আপনার প্রকল্প ডিরেক্টরিতে পাবলিক ফোল্ডারে একটি ফাইল "ইলেক্ট্রন.জেএস" তৈরি করুন এবং এর নীচে কোডটি পেস্ট করুন।

কনস্ট ইলেক্ট্রন = প্রয়োজনীয় ("বৈদ্যুতিন");
কনট অ্যাপ = ইলেক্ট্রন.অ্যাপ;
কনস্ট ব্রাউজার উইন্ডো = বৈদ্যুতিন B ব্রাউজার উইন্ডো;
কনস্ট পাথ = প্রয়োজনীয় ("পথ");
কনস্ট ইসডেভ = প্রয়োজনীয় ("ইলেক্ট্রন-ইজ-ডেভ");
মেইন উইন্ডো যাক;
ফাংশন তৈরি উইন্ডো () {
প্রধান উইন্ডো = নতুন ব্রাউজার উইন্ডো ({প্রস্থ: 900, উচ্চতা: 680});
মূল উইন্ডো.লোড URL (
isDev
? "http: // লোকালহোস্ট: 3000"
: `ফাইল: // $ {path.join (__dirname," ../ বিল্ড / সূচি html ")}
);
mainWindow.on ("বন্ধ", () => (মাইন উইন্ডো = নাল));
}
app.on ("প্রস্তুত", তৈরি উইন্ডো);
app.on ("উইন্ডো-অল-ক্লাসড", () =>
যদি (প্রক্রিয়া.প্ল্যাটফর্ম! == "ডারউইন") {
app.quit ();
}
});
app.on ("সক্রিয়", () =>
যদি (মূল উইন্ডো === নাল) {
createWindow ();
}
});

আমরা প্রায় সম্পন্ন করেছি, আমাদের প্যাকেজ.জসন ফাইলটিতে আমাদের কিছুটা পরিবর্তন করতে হবে।

আপনার প্যাকেজ.জসন ফাইলে নিম্নলিখিত তথ্যগুলি আটকে দিন -

"বিবরণ": " ",
"লেখক": " ",
"গঠন করা": {
"অ্যাপআইডি": " "
},
"প্রধান": "সর্বজনীন / ইলেক্ট্রন.জেএস",
"হোম পৃষ্ঠা": "./",

এবং নীচে হিসাবে আপনার প্যাকেজ.জসনে স্ক্রিপ্ট উপাদান আপডেট করুন -

"লিপি": {
"রিগ-স্টার্ট": "রিগ-স্ক্রিপ্টস শুরু",
"রিগ-বিল্ড": "রিগ-স্ক্রিপ্টস বিল্ড",
"প্রতিক্রিয়া-পরীক্ষা": "প্রতিক্রিয়া-স্ক্রিপ্টস পরীক্ষা --env = jsdom",
"রিঅ্যাক্ট-ইজেক্ট": "রিঅ্যাক্ট-ইজেক্ট স্ক্রিপ্টস",
"বৈদ্যুতিন-গঠন": "বৈদ্যুতিন-গঠন",
"রিলিজ": "সুতা বিক্রিয়া-গঠন এবং&& ইলেক্ট্রন-গঠন --publish = সর্বদা",
"বিল্ড": "সুতা বিক্রিয়া বিল্ড-আপ এবং& সুতার ইলেক্ট্রন বিল্ড-আপ",
"start": "ক্রস-এনভ ব্রোউসার = কোন সুতার প্রতিক্রিয়া নেই" "অপেক্ষা করুন এইচটিপি: // লোকালহোস্ট: 3000 && ইলেক্ট্রন" "
},

এখন আমরা আমাদের প্রতিক্রিয়া-ভিত্তিক ইলেকট্রন অ্যাপ তৈরি করতে পারি। এখন কমান্ড প্রম্পটে নিম্নলিখিত কমান্ডটি চালান:

থ্রেড শুরু বা এনপিএম রান সূচনা

ইয়াহু! আমাদের প্রতিক্রিয়া-ইলেক্ট্রন অ্যাপ চলছে ...

বিতরণ করার জন্য - কমান্ডটি ব্যবহার করুন

সুতা বা এনপিএম রান বিল্ড তৈরি করুন

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

এখন আপনি এই ইনস্টলারটি ব্যবহার করে আপনার অ্যাপ্লিকেশন ইনস্টল বা বিতরণ করতে পারেন।

আপনি যদি বিতরণের জন্য প্রতিক্রিয়া-ইলেকট্রন অ্যাপ্লিকেশন তৈরির বিষয়ে আরও জানতে চান তবে এই টিউটোরিয়ালটি দেখুন।

শুভ কোডিং ...