স্থিতিশীল সামগ্রী-চালিত সাইটের জন্য কি রিঅ্যাক্ট.জেগুলি বোঝায়?


14

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


4
আপনার একটি হাতুড়ি আছে, এবং এই স্ক্রুটি পেরেক হিসাবে ব্যবহৃত হতে পারে কিনা তা ভাবছেন। সাধারণত, প্রযুক্তি সম্পর্কিত সিদ্ধান্তগুলি "আমাদের প্রয়োজনীয়তাগুলি হ'ল, এক্স, ওয়াই, জেড lines লাইন ধরেই নেওয়া উচিত ought কোন প্রযুক্তিগুলি আমাদেরকে সর্বনিম্ন ব্যয়ে সেখানে পৌঁছাতে দেয়?", "আমার কাছে সমাধান নেই, তবে আপনি দয়া করে দিতে পারেন? আমার সমস্যা? "। আপনি ইতিমধ্যে প্রতিক্রিয়া নিয়ে অভিজ্ঞতা পেয়েছেন যে সিদ্ধান্তটি তার পক্ষে কিছুটা কমিয়ে দেয়, তবে কী প্রয়োজনীয়তা এতে সন্তুষ্ট হবে? এটি গ্রাহক বা ব্যবহারকারীর জন্য কোন মূল্য যুক্ত করবে?
আমন

4
ঠিক আছে, আমি এটি নির্ধারণ করার চেষ্টা করছি। একটি হাতুড়ি বা একটি সরঞ্জাম বাক্স প্রতিক্রিয়া? এটি ফেসবুকের ব্যবহারের ধরণের ক্ষেত্রে অবশ্যই ছাড়িয়ে গেছে এবং এটি অন্যান্য ক্ষেত্রে চুষতে পারে এমন ইঙ্গিত দেওয়ার জন্য আমি কিছুই দেখিনি। এটি অবশ্যই কম জোরালো, তবে এর অর্থ এটি পুরোপুরি ঠিক নয়।
জিগি

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

উত্তর:


10

আপনি কী করতে চান তা জানুন, তারপরে প্রযুক্তিটি চয়ন করুন।

সেই দৃষ্টিকোণ থেকে, React.js বেশিরভাগ স্থির ওয়েবের জন্য ওভারকিল বলে মনে হচ্ছে।

প্রতিক্রিয়া ওয়েবসাইট থেকে:

আমরা একটি সমস্যা সমাধানের জন্য প্রতিক্রিয়া তৈরি করেছি: সময়ের সাথে পরিবর্তিত হওয়া ডেটা সহ বৃহত অ্যাপ্লিকেশন তৈরি করা।

প্রতিক্রিয়া একটি নির্দিষ্ট পেরেক জন্য একটি হাতুড়ি হয়। এটি ইঙ্গিত করে যে এটি বেশিরভাগ স্থির ওয়েবসাইট তৈরির পথে পাবে।


2

স্থির পৃষ্ঠাগুলি তৈরি করা প্রতিক্রিয়ার প্রত্যাশিত ব্যবহার, যার জন্য ডকুমেন্টেশনে উল্লিখিত হয়েছে React.renderToStaticMarkup

অনুরূপ renderToString, এটি অতিরিক্ত DOM বৈশিষ্ট্য যেমন তৈরি করে না data-react-id, যা প্রতিক্রিয়া অভ্যন্তরীণভাবে ব্যবহার করে। যদি আপনি প্রতিক্রিয়াটিকে একটি সাধারণ স্ট্যাটিক পৃষ্ঠা জেনারেটর হিসাবে ব্যবহার করতে চান তবে এটি দরকারী যদি অতিরিক্ত বৈশিষ্ট্যগুলি সরিয়ে ফেললে প্রচুর বাইট সংরক্ষণ করতে পারে।

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

তবে, আপনি যদি অ্যাসিক্রোনাস কোড সম্পাদন করতে চান তবে সমস্যা দেখা দিতে পারে। আসুন নিম্নলিখিতগুলি কল্পনা করুন:

function SchoolClass({classId}) {
   const students = await query("SELECT name FROM student WHERE class = ?", classId);
   return <ul>
      {_.map(students, ({name}) => <li>{name}</li>}
   </ul>
}

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

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.