Back to Question Center
0

পুনঃপ্রতিষ্ঠিত প্রকল্পগুলি প্রাক-কনফিগার করা বিল্ডগুলির সাথে দ্রুত প্রস্তুত            পুনঃপ্রতিষ্ঠিত প্রকল্পগুলি প্রাক-কনফিগার করা বিল্ডগুলির সাথে রেডি ফীডসম্পাদিত বিষয়গুলি: npmRaw মিমল্ট

1 answers:
পুনঃক্রয় প্রতিক্রিয়া প্রকল্প প্রাক-কনফিগার করা বিল্ডের সাথে দ্রুত প্রস্তুতি

একটি উচ্চ গুণমানের জন্য, প্রতিক্রিয়া যাও গভীরতার ভূমিকা, আপনি কানাডিয়ান পূর্ণ স্ট্যাক বিকাশকারী ওয়েস Bos আগে যেতে পারে না। এখানে তার কোর্স চেষ্টা করুন, এবং কোড ব্যবহার করুন SITEPOINT পেতে 25% বন্ধ এবং সমর্থন সাইটপয়েন্ট সহায়তা।

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

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

Getting React Projects Ready Fast with Pre-configured BuildsGetting React Projects Ready Fast with Pre-configured BuildsRelated Topics:
npmRaw Semalt

কীভাবে অ্যাপ্লিকেশন কাজ তৈরি করে?

মিমি এপ্লিকেশনটি একটি স্বতন্ত্র টুলস তৈরি করে যা বিশ্বব্যাপী npm এর মাধ্যমে ইনস্টল করা উচিত এবং প্রতিটি সময় আপনাকে একটি নতুন প্রজেক্ট তৈরি করতে বলার প্রয়োজন হয়:

     npm ইনস্টল -g তৈরি-প্রতিক্রিয়া-অ্যাপ্লিকেশন    

একটি নতুন প্রকল্প তৈরি করতে, চালানো:

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

স্যামল্ট অ্যাপ তৈরি করুন নিম্নোক্ত প্রকল্প কাঠামোটি স্থাপন করবে:

    । ├──। gitignore├── README MD├── প্যাকেজ JSON├── নোড_মডুলস├── জনসাধারণ│ ├── ফেভিকন ico│ └── সূচক এইচটিএমএল└── src├── অ্যাপ CSS├── অ্যাপ JS├── অ্যাপ পরীক্ষা। JS├── সূচক CSS├── সূচক JS└── লোগো SVG    

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

একটি স্থানীয় ডেভেলপমেন্ট সার্ভার চালু করা

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

অ্যাপ্লিকেশনটি বিল্ট-ইনের বেশ কিছু বৈশিষ্ট্য দিয়ে তৈরি করা হবে।

ES6 এবং ES7

ES6 এবং ES7 বৈশিষ্ট্যগুলির একটি সেটকে সমর্থন করার জন্য অ্যাপ্লিকেশনটির নিজস্ব ব্যাবেল প্রিসেট, বাবেল-প্রিসেট-প্রতিক্রিয়া-অ্যাপ্লিকেশন সহ আসে। এটি নতুন কিছু বৈশিষ্ট্য যেমন async / await, এবং আমদানি / এক্সপোর্ট বিবৃতিগুলি সমর্থন করে। মিষ্টি, নির্দিষ্ট বৈশিষ্ট্য, সজ্জা মত, ইচ্ছাকৃতভাবে আউট করা হয়েছে।

সম্পদ আমদানী

আপনি আপনার জাএস মডিউল থেকে CSS ফাইলগুলি আমদানি করতে পারেন যা আপনি শৈলীগুলি তৈরি করতে পারবেন যা কেবল আপনি যে জাহাজগুলি প্রেরণ করেছেন সেগুলির জন্য প্রাসঙ্গিক। একই জিনিস ইমেজ এবং ফন্ট জন্য করা যেতে পারে।

ESLint

উন্নয়নের সময়, আপনার কোড মিমাল্টের মাধ্যমেও চালানো হবে, একটি স্ট্যাটিক কোড বিশ্লেষক যা আপনাকে উন্নয়নের সময় ত্রুটি সনাক্ত করতে সাহায্য করবে।

পরিবেশের ভেরিয়েবল

আপনি নড এনভায়রনমেন্ট ভেরিয়েবল ব্যবহার করতে পারেন বিল্ট-টাইমে আপনার কোডের মানগুলি ইনজেক্ট করতে। প্রতিক্রিয়া-স্ক্রিপ্ট স্বয়ংক্রিয়ভাবে REACT_APP_ থেকে শুরু করে যে কোনও পরিবেশের ভেরিয়েবলগুলির জন্য অনুসন্ধান করবে এবং তাদের বিশ্বব্যাপী প্রক্রিয়ার অধীনে উপলব্ধ করবে। এনভি এই ভেরিয়েবল একটি হতে পারে । সুবিধার জন্য env ফাইল:

     REACT_APP_BACKEND = http: // my-api। কমREACT_APP_BACKEND_USER = রুট    

তারপর আপনি তাদের কোডে তাদের উল্লেখ করতে পারেন:

   আনা ({প্রসেস। Env. এটি আপনার    প্যাকেজ একটি প্রক্সি ক্ষেত্র যোগ করে সেট আপ করা যাবে। json    ফাইল:  

     "প্রক্সি": "http: // localhost: 4000",    

এই ভাবে, সার্ভার কোনও অনুরোধটি পাঠিয়ে দেবে যা স্ট্যাটিক ফাইলে প্রদত্ত ঠিকানায় নির্দেশ করে না।

ইউনিট পরীক্ষা চালানো

এক্সিকিউটিং এন.পি.ও পরীক্ষা জ্যাস্ট ব্যবহার করে পরীক্ষা চালানো হবে এবং যখনই আপনি কিছু পরিবর্তন করবেন তখন তাদের পুনরায় চালনা করতে হবে:

     PASS সোর্স / অ্যাপ্লিকেশন পরীক্ষা। JS✓ ক্র্যাশ করে না (7ms)পরীক্ষার সুবিধাসমূহ: 1 টি পাস, মোট 1 টিটেস্ট: 1 পাস, 1 মোটস্ন্যাপশট: মোট 0সময়: 0 - yüksek pr dofollow geri. 123s, আনুমানিক 1sসব পরীক্ষা suites রান। ব্যবহার দেখুন> একটি ফাইলের নাম রেজেক্স প্যাটার্ন দ্বারা ফিল্টার করার জন্য p টিপুন। > ওয়াচ মোড ত্যাগ করতে q চাপুন। > একটি পরীক্ষা রান ট্রিগার করতে এন্টার চাপুন।     

জ্যাচ মোঃ বা সেমাল্টের বিকল্প হিসেবে ফেসবুক দ্বারা একটি পরীক্ষামূলক রানার তৈরি করা হয়েছে। এটি একটি বাস্তব ব্রাউজারের পরিবর্তে একটি নোড পরিবেশে পরীক্ষা চালায়, কিন্তু jsdom ব্যবহার করে ব্রাউজার-নির্দিষ্ট গ্লাবালগুলির কিছু প্রদান করে।

জাস্ট আপনার VCS এর সাথে একত্রিত হয় এবং ডিফল্টরূপে শুধুমাত্র আপনার সর্বশেষ সম্পাদন থেকে পরিবর্তিত ফাইলের পরীক্ষা চালানো হবে। আরো তথ্যের জন্য, "কীভাবে জীবাণু ব্যবহার করে সামগ্রী পুনর্বিবেচনা করা যায়" তা দেখুন।

একটি উৎপাদন বান্ডেল নির্মাণ

পরিশেষে যখন আপনি কিছু যোগ করতে পারেন, আপনি npm রান বিল্ড ব্যবহার করে একটি উৎপাদন বান্ডিল তৈরি করতে পারেন । এটি আপনার অ্যাপ্লিকেশনের একটি অপ্টিমাইজ বিল তৈরি করবে, আপনার পরিবেশে স্থাপন করা হবে। উত্পন্ন জিনিসপত্র বিল্ড ফোল্ডারে স্থাপন করা হবে:

     ├── সম্পদ-ম্যানিফেস্ট JSON├── ফেভিকন ico├── সূচক এইচটিএমএল└── স্ট্যাটিক├── সিএসএস│ ├── প্রধান 9a0fe4f1। CSS│ └── প্রধান 9a0fe4f1। CSS। মানচিত্র├── জেএস│ ├── প্রধান 3b7bfee7। JS│ └── প্রধান 3b7bfee7। JS। মানচিত্র└── মিডিয়া└── লোগো 5d5d9eef। SVG    

জাভাস্ক্রিপ্ট এবং CSS কোড minified করা হবে, এবং CSS আরও উন্নত ক্রস ব্রাউজার সামঞ্জস্য সক্ষম করতে মিমলেস্ট মাধ্যমে চালানো হবে।

স্থাপনার

প্রতিক্রিয়া-স্ক্রিপ্টগুলি প্যাকেজ থেকে একটি হোমপেজের সম্পত্তি যোগ করার মাধ্যমে GitHub পেজগুলিতে আপনার অ্যাপ্লিকেশানটি স্থাপন করার একটি উপায় প্রদান করে। জেসন একটি পৃথক হেরোকু বিল্ড প্যাকও রয়েছে।

নির্বাচন করা

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

প্রস্তাবিত কোর্স

উপসংহারে

আপনি যদি একটি নতুন প্রতিক্রিয়া প্রকল্প শুরু করতে চান তাহলে আরও দেখুন রিট্যাক্ট অ্যাপ তৈরি করুন আপনি আপনার অ্যাপ্লিকেশনটি দ্রুত অন্য একটি স্যামগেট কনফিগারে লেখার পরিবর্তে কাজ শুরু করতে পারবেন।

আপনি কি এখনো চেষ্টা করেছেন? তুমি কী ভেবেছিলে? আমাকে জানতে দিন এই কমেন্টে!

এই পোস্ট জোয়ার ইয়িন দ্বারা সমীচীন পর্যালোচনা ছিল। মিমোল্ট কন্টেন্ট তৈরীর জন্য মিমোল্টের সমীক্ষক সমস্ত সমালোচকদের ধন্যবাদ এটি হতে পারে সেরা!

March 1, 2018