প্রতিক্রিয়া অ্যাপ তৈরি করুন, উবুন্টু 20.04 এর সাথে আপনার প্রথম অ্যাপ্লিকেশন তৈরি করুন

প্রতিক্রিয়া অ্যাপ্লিকেশন তৈরি করুন

পরের নিবন্ধে আমরা এক নজরে নিতে যাচ্ছি আমরা কীভাবে তৈরি করুন প্রতিক্রিয়া অ্যাপ্লিকেশনটি ব্যবহার করে উবুন্টু ২০.০৪ এ রিঅ্যাকটিজেএস দিয়ে আমাদের প্রথম অ্যাপ্লিকেশন তৈরি করতে পারি। ReactJS একটি ওপেন সোর্স জাভাস্ক্রিপ্ট লাইব্রেরি যা ব্যবহারকারীর ইন্টারফেস তৈরি করতে ব্যবহৃত হয়, যা ফেসবুক এবং বিকাশকারী সম্প্রদায় দ্বারা রক্ষণাবেক্ষণ করা হয়। ওয়েব অ্যাপ্লিকেশন বা মোবাইল অ্যাপ্লিকেশনগুলির বিকাশে ReactJS ব্যবহার করা যেতে পারে।

প্রতিক্রিয়া, এছাড়াও ReactJS হিসাবে পরিচিত, তথ্যটি ডিওমে প্রসেস করা হয়। রাউটিং এবং স্টেট ম্যানেজমেন্টের জন্য অতিরিক্ত গ্রন্থাগারগুলির প্রতিক্রিয়া প্রয়োগ করতে হবে required এই গ্রন্থাগারগুলির কয়েকটি উদাহরণ Redux y প্রতিক্রিয়া রাউটার.

উবুন্টু 20.04 এ প্রতিক্রিয়া ইনস্টল করা

আমাদের সিস্টেমে প্রতিক্রিয়া ইনস্টল করতে, আমাদের প্রথমে এনপিএম কী এবং তা আমাদের কেন প্রয়োজন তা বুঝতে হবে। এনপিএম মানে নোড প্যাকেজ ম্যানেজার, এবং এটি বিশ্বের বৃহত্তম ওপেন সোর্স সফ্টওয়্যার রেজিস্ট্রি। 800.000 এরও বেশি কোড প্যাকেজ ধারণ করে। এনপিএম ব্যবহারের জন্য নিখরচায়, এবং যে কোনও পাবলিক সফ্টওয়্যার ডাউনলোড এবং নিবন্ধন বা লগইন ছাড়াই ডাউনলোড করা যায়।

এনএমপি জাভাস্ক্রিপ্ট অ্যাপ্লিকেশনগুলির জন্য নির্ভরতা পরিচালনার সরঞ্জাম, যা জেএস অ্যাপ্লিকেশনগুলির বিকাশের সমর্থনে সমস্ত গ্রন্থাগার এবং অন্যান্য সরঞ্জামগুলি ইনস্টল করতে সহায়তা করে।

এনপিএম ইনস্টল করুন

পাড়া নোডেজ ইনস্টল করুন, এতে এনপিএম অন্তর্ভুক্ত রয়েছে, আমাদের কেবলমাত্র একটি টার্মিনাল খুলতে হবে (Ctrl + Alt + T) এবং নিম্নলিখিত কমান্ডটি কার্যকর করতে হবে:

sudo apt install nodejs

এনপিএম ইনস্টলেশন শেষ করার পরে, আমরা পারি আপনার সংস্করণ এবং নোড পরীক্ষা করুন। কমান্ড দিয়ে আমরা এটি করতে পারি:

এনপিএম সংস্করণ ইনস্টল করা হয়েছে

npm -v

ইনস্টল করা এনপিএম এর সংস্করণ ইনস্টলেশন তারিখের উপর নির্ভর করে, আপডেটটি প্রায়শই সঞ্চালিত হয়। এটি আমাদের কাছে 5 টিরও বেশি সংস্করণ ইনস্টল করা আছে তা নিশ্চিত করা দরকার.

পাড়া নোড ইনস্টল করা সংস্করণ পরীক্ষা করুন, ব্যবহারের আদেশটি হ'ল:

ইনস্টল নোড সংস্করণ

node -v

আপনার সিস্টেমে এনপিএমের সর্বশেষতম সংস্করণ ইনস্টল না থাকলে, আপনি নোড প্যাকেজ ম্যানেজারকে (এনএমপি) সর্বশেষ সংস্করণে আপডেট করতে পারেন টার্মিনালে এই কমান্ডটি চালাচ্ছি:

আপডেট এনপিএম

sudo npm install -g npm@latest

ক্রিয়েট-রিএ্যাক্ট-অ্যাপ ইনস্টল করুন

উত্পাদনশীল প্রতিক্রিয়া পরিবেশ ইনস্টল করার জন্য আমাদের বাবেল, ওয়েবপ্যাক ইত্যাদি সরঞ্জাম কনফিগার করতে হবে যা প্রতিক্রিয়া বিশ্বে প্রাথমিকের জন্য কনফিগার করা জটিল। তবে আমরা বেশ কয়েকটি সরঞ্জাম খুঁজে পেতে পারি যা কনফিগারেশনে আমাদের সহায়তা করবে। তাদের মধ্যে আমরা খুঁজে পেতে হবে তৈরি-প্রতিক্রিয়া-অ্যাপ্লিকেশন, যা ব্যবহার এবং কনফিগার করার সহজতম সরঞ্জাম.

প্রতিক্রিয়া জানার জন্য তৈরি অ্যাপ্লিকেশনটি একটি আরামদায়ক পরিবেশ, এবং প্রতিক্রিয়া ব্যবহার করে একটি নতুন একক পৃষ্ঠার অ্যাপ্লিকেশন তৈরি শুরু করার সেরা উপায়।

প্রতিক্রিয়া অ্যাপ তৈরি করুন আপনার বিকাশের পরিবেশকে কনফিগার করুন যাতে আপনি সর্বশেষতম জাভাস্ক্রিপ্ট বৈশিষ্ট্যগুলি ব্যবহার করতে পারেন, একটি ভাল বিকাশের অভিজ্ঞতা সরবরাহ করতে পারেন এবং উত্পাদনের জন্য আপনার অ্যাপ্লিকেশনটি অনুকূল করে তুলতে পারেন। তাদের ওয়েবসাইটে উল্লিখিত হিসাবে, আপনার মেশিনে নোড> = 8.10 এবং এনপিএম> = 5.6 ইনস্টল করা প্রয়োজন।

আমরা পারি এনপিএম ব্যবহার করে তৈরি করুন-প্রতিক্রিয়া-অ্যাপ্লিকেশন ইনস্টল করুন। এটি করার জন্য, একটি টার্মিনালে (Ctrl + Alt + T) আমাদের কেবলমাত্র নিম্নলিখিত ইনস্টলেশন কমান্ডটি প্রয়োগ করতে হবে:

অ্যাপ্লিকেশন তৈরি করুন প্রতিক্রিয়া অ্যাপ্লিকেশন

sudo npm install -g create-react-app

আমাদের সিস্টেমে একবার তৈরি-প্রতিক্রিয়া-অ্যাপ্লিকেশন ইনস্টলেশনটি শেষ হয়ে গেলে, আমরা পারি we ইনস্টল করা সংস্করণটি পরীক্ষা করুন নিম্নলিখিত কমান্ড চলমান:

প্রতিক্রিয়া অ্যাপ্লিকেশন সংস্করণ তৈরি করুন

create-react-app --version

প্রথম প্রতিক্রিয়া অ্যাপ্লিকেশন তৈরি করা হচ্ছে

আমাদের প্রথম প্রতিক্রিয়া অ্যাপ্লিকেশনটি কেবল তৈরি-প্রতিক্রিয়া-অ্যাপ ব্যবহার করে তৈরি করা যেতে পারে। আমাদের কেবল নিম্নলিখিত কমান্ডটি ব্যবহার করতে হবে:

রিএ্যাক্ট অ্যাপ্লিকেশন ব্যবহার করে রিঅ্যাকটজগুলি সহ আমার প্রথম অ্যাপ তৈরি করা

create-react-app mi-primera-app

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

প্রতিক্রিয়া অ্যাপ্লিকেশন চালানো হচ্ছে

প্রতিক্রিয়া প্রকল্পটি তৈরি হয়ে গেলে, আমাদের প্রজেক্ট ডিরেক্টরিতে যেতে হবে এবং নীচের কমান্ডটি ব্যবহার করে প্রতিক্রিয়া প্রয়োগ করতে হবে টার্মিনালে (Ctrl + Alt + T):

npm start

কমান্ড এনপিএম শুরু বিকাশ সার্ভারটি শুরু করুন যা পুরো বিল্ড প্রক্রিয়াটি সম্পাদন করবে.

রিঅ্যাক্টজ সহ আমার প্রথম অ্যাপের সংকলন

টার্মিনাল আমাদের বলবে যে আমাদের অবশ্যই ব্রাউজারটি খুলুন এবং অ্যাপ্লিকেশনটি লোড করুন যা URL টি http: // লোকালহোস্ট: 3000 এ চালিত হবে ডিফল্টরূপে। ব্রাউজারটি খুললে, আমরা স্ক্রিনে প্রতিক্রিয়া লোগো এবং পাঠ্যগুলি দেখতে পাব।

প্রথম অ্যাপ্লিকেশন ব্রাউজার থেকে দেখা

ক্রিয়েট-রিএ্যাক্ট-অ্যাপ এবং এনএমপি আনইনস্টল করুন

ব্যবহারকারীদের আমরা এনএমপি আনইনস্টল কমান্ডটি ব্যবহার করে এনপিএম থেকে ইনস্টল করা কোনও লাইব্রেরি আনইনস্টল করতে পারি। আনইনস্টল করতে টার্মিনালে (Ctrl + Alt + T) নিম্নলিখিত কমান্ডটি চালান তৈরি-প্রতিক্রিয়া-অ্যাপ্লিকেশন:

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

sudo npm uninstall -g create-react-app

একইভাবে, আমরাও পারি এনপিএম আনইনস্টল করুন একই টার্মিনালে এই অন্যান্য কমান্ড ব্যবহার করে:

নোডেজ আনইনস্টল করুন

sudo apt remove nodejs

ব্যবহারকারীর ইন্টারফেস তৈরির জন্য এই জাভাস্ক্রিপ্ট লাইব্রেরি সম্পর্কে আরও তথ্য পাওয়া যাবে প্রকল্প ডকুমেন্টেশন.


আপনার মন্তব্য দিন

আপনার ইমেল ঠিকানা প্রকাশিত হবে না। প্রয়োজনীয় ক্ষেত্রগুলি দিয়ে চিহ্নিত করা *

*

*

  1. ডেটার জন্য দায়বদ্ধ: মিগুয়েল অ্যাঞ্জেল গাটান
  2. ডেটার উদ্দেশ্য: নিয়ন্ত্রণ স্প্যাম, মন্তব্য পরিচালনা।
  3. আইনীকরণ: আপনার সম্মতি
  4. তথ্য যোগাযোগ: ডেটা আইনি বাধ্যবাধকতা ব্যতীত তৃতীয় পক্ষের কাছে জানানো হবে না।
  5. ডেটা স্টোরেজ: ওসেন্টাস নেটওয়ার্কস (ইইউ) দ্বারা হোস্ট করা ডেটাবেস
  6. অধিকার: যে কোনও সময় আপনি আপনার তথ্য সীমাবদ্ধ করতে, পুনরুদ্ধার করতে এবং মুছতে পারেন।

  1.   ব্রুনো তিনি বলেন

    চমৎকার কন্টেন্ট! ওব্রিগাদো!