DevTools আর্কিটেকচার রিফ্রেশ: ওয়েব কম্পোনেন্টে স্থানান্তর করা

জ্যাক ফ্র্যাঙ্কলিন

এই পোস্টটি ব্লগ পোস্টগুলির একটি সিরিজের অংশ যা আমরা DevTools এর আর্কিটেকচারে যে পরিবর্তনগুলি করছি এবং এটি কীভাবে তৈরি করা হয়েছে তার বর্ণনা দেয়৷

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

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

ট্রানজিশনে সাহায্য করার জন্য, আমরা বৃহত্তর DevTools টিমের সাথে শেয়ার করার জন্য DevTools-এ UI উপাদান তৈরি করার জন্য একটি গাইড তৈরি করেছি। কিছু নির্দেশিকা DevTools এবং এর আর্কিটেকচারের সাথে মানানসই, যা এর নিজস্ব সীমাবদ্ধতা নিয়ে আসে, তবে এর কিছু কিছু পদ্ধতির জন্য জেনেরিক নির্দেশিকা যা আমরা ওয়েব কম্পোনেন্ট তৈরি, গঠন এবং পরীক্ষা করার জন্য ব্যবহার করেছি।

আজ, আমরা এই নথিটি goo.gle/building-ui-devtools- এ সর্বজনীনভাবে উপলব্ধ করছি। আপনি যদি কখনও বৃহৎ, বাস্তব বিশ্বের অ্যাপ্লিকেশনগুলিতে ওয়েব উপাদানগুলি কীভাবে ব্যবহার করা হয় বা একটি বৃহৎ, পূর্ব-বিদ্যমান কোডবেসে উপাদানগুলিকে একীভূত করার সাথে আসা কিছু চ্যালেঞ্জগুলি সম্পর্কে আরও বিস্মিত হয়ে থাকেন তবে এই নথিটি সাহায্য করতে পারে এবং কিছু উত্তর দিতে পারে৷ আমাদের নির্দেশিকা সম্পর্কে আপনার কোন প্রশ্ন থাকলে, নির্দ্বিধায় আমাকে টুইট করুন ।

প্রিভিউ চ্যানেল ডাউনলোড করুন

আপনার ডিফল্ট ডেভেলপমেন্ট ব্রাউজার হিসেবে Chrome Canary , Dev বা Beta ব্যবহার করার কথা বিবেচনা করুন। এই পূর্বরূপ চ্যানেলগুলি আপনাকে সর্বশেষ DevTools বৈশিষ্ট্যগুলিতে অ্যাক্সেস দেয়, অত্যাধুনিক ওয়েব প্ল্যাটফর্ম API পরীক্ষা করে এবং আপনার ব্যবহারকারীদের আগে আপনার সাইটে সমস্যাগুলি খুঁজে পায়!

Chrome DevTools টিমের সাথে যোগাযোগ করা হচ্ছে

পোস্টের নতুন বৈশিষ্ট্য এবং পরিবর্তনগুলি বা DevTools সম্পর্কিত অন্য কিছু নিয়ে আলোচনা করতে নিম্নলিখিত বিকল্পগুলি ব্যবহার করুন৷

  • crbug.com এর মাধ্যমে আমাদের কাছে একটি পরামর্শ বা প্রতিক্রিয়া জমা দিন।
  • আরও বিকল্প ব্যবহার করে একটি DevTools সমস্যা রিপোর্ট করুনআরও > সাহায্য > DevTools-এ একটি DevTools সমস্যা রিপোর্ট করুন ।
  • @ChromeDevTools- এ টুইট করুন।
  • আমাদের DevTools YouTube ভিডিও বা DevTools টিপস YouTube ভিডিওগুলিতে নতুন কী আছে সে সম্পর্কে মন্তব্য করুন৷