diff --git a/src/about/community-guide.md b/src/about/community-guide.md index 735eb1ae..deaf6df7 100644 --- a/src/about/community-guide.md +++ b/src/about/community-guide.md @@ -33,7 +33,7 @@ Vue-এর সম্প্রদায় অবিশ্বাস্যভা ### ইকোসিস্টেম অন্বেষণ {#explore-the-ecosystem} - [The Awesome Vue Page](https://github.com/vuejs/awesome-vue): দেখুন অন্যান্য অসাধারণ ব্যক্তিরা কী কী অসাধারণ সম্পদ প্রকাশ করেছেন। -- [ভিউ টেলিস্কোপ এক্সপ্লোরার](https://vuetelescope.com/explore): Vue দিয়ে তৈরি ওয়েবসাইটগুলি ঘুরে দেখুন, তারা কোন ফ্রেমওয়ার্ক/লাইব্রেরি ব্যবহার করে তার অন্তর্দৃষ্টি সহ। +- [Vue টেলিস্কোপ এক্সপ্লোরার](https://vuetelescope.com/explore): Vue দিয়ে তৈরি ওয়েবসাইটগুলি ঘুরে দেখুন, তারা কোন ফ্রেমওয়ার্ক/লাইব্রেরি ব্যবহার করে তার অন্তর্দৃষ্টি সহ। - [Vue.js দিয়ে তৈরি](https://madewithvuejs.com/): Vue দিয়ে তৈরি প্রকল্প এবং লাইব্রেরির শোকেস। - ["শো অ্যান্ড টেল" সাবফোরাম](https://github.com/vuejs/core/discussions/categories/show-and-tell): অন্যরা কী তৈরি করেছে এবং ক্রমবর্ধমান Vue-এর জন্য কী তৈরি করেছে তা দেখার জন্য আরেকটি দুর্দান্ত জায়গা ইকোসিস্টেম diff --git a/src/about/faq.md b/src/about/faq.md index 05fab826..3ee078dc 100644 --- a/src/about/faq.md +++ b/src/about/faq.md @@ -52,7 +52,7 @@ Vue 3 হল সবচেয়ে কার্যকরী মূলধার আপনি যখন একটি বিল্ড টুল ব্যবহার করেন, তখন Vue-এর অনেক API ["tree-shakable"](https://developer.mozilla.org/en-US/docs/Glossary/Tree_shaking) হয়। উদাহরণস্বরূপ, আপনি যদি বিল্ট-ইন `` কম্পোনেন্ট ব্যবহার না করেন, তাহলে এটি চূড়ান্ত উৎপাদন বান্ডেলে অন্তর্ভুক্ত হবে না। -একটি হ্যালো ওয়ার্ল্ড ভিউ অ্যাপ যেটি শুধুমাত্র একেবারে ন্যূনতম এপিআই ব্যবহার করে তার বেসলাইন সাইজ মাত্র **16kb**, মিনিফিকেশন এবং ব্রোটলি কম্প্রেশন সহ। অ্যাপ্লিকেশনটির প্রকৃত আকার নির্ভর করবে ফ্রেমওয়ার্ক থেকে আপনি কতগুলি ঐচ্ছিক বৈশিষ্ট্য ব্যবহার করেন তার উপর। অসম্ভাব্য ক্ষেত্রে যেখানে একটি অ্যাপ Vue প্রদান করা প্রতিটি একক বৈশিষ্ট্য ব্যবহার করে, মোট রানটাইম আকার প্রায় **27kb**। +একটি হ্যালো ওয়ার্ল্ড Vue অ্যাপ যেটি শুধুমাত্র একেবারে ন্যূনতম এপিআই ব্যবহার করে তার বেসলাইন সাইজ মাত্র **16kb**, মিনিফিকেশন এবং ব্রোটলি কম্প্রেশন সহ। অ্যাপ্লিকেশনটির প্রকৃত আকার নির্ভর করবে ফ্রেমওয়ার্ক থেকে আপনি কতগুলি ঐচ্ছিক বৈশিষ্ট্য ব্যবহার করেন তার উপর। অসম্ভাব্য ক্ষেত্রে যেখানে একটি অ্যাপ Vue প্রদান করা প্রতিটি একক বৈশিষ্ট্য ব্যবহার করে, মোট রানটাইম আকার প্রায় **27kb**। একটি বিল্ড টুল ছাড়া Vue ব্যবহার করার সময়, আমরা শুধুমাত্র গাছ-কাঁপানো হারাই না, কিন্তু ব্রাউজারে টেমপ্লেট কম্পাইলার পাঠাতে হয়। এটি প্রায় **41kb** আকারে ফুলে যায়। তাই, আপনি যদি প্রাথমিকভাবে বিল্ড স্টেপ ছাড়াই প্রগতিশীল বর্ধনের জন্য Vue ব্যবহার করেন, তাহলে পরিবর্তে [petite-vue](https://github.com/vuejs/petite-vue) (শুধু **6kb**) ব্যবহার করার কথা বিবেচনা করুন। diff --git a/src/ecosystem/newsletters.md b/src/ecosystem/newsletters.md index cd56cf82..f624234a 100644 --- a/src/ecosystem/newsletters.md +++ b/src/ecosystem/newsletters.md @@ -1,6 +1,6 @@ # কমিউনিটি নিউজলেটার {#community-newsletters} -সম্প্রদায় থেকে অনেকগুলি দুর্দান্ত নিউজলেটার / ভিউ-ডেডিকেটেড ব্লগ রয়েছে যা আপনাকে Vue ইকোসিস্টেমের সর্বশেষ খবর এবং ঘটনাগুলি নিয়ে আসে৷ এখানে সক্রিয়দের একটি অ-সম্পূর্ণ তালিকা রয়েছে যা আমরা জুড়ে এসেছি: +সম্প্রদায় থেকে অনেকগুলি দুর্দান্ত নিউজলেটার / Vue-ডেডিকেটেড ব্লগ রয়েছে যা আপনাকে Vue ইকোসিস্টেমের সর্বশেষ খবর এবং ঘটনাগুলি নিয়ে আসে৷ এখানে সক্রিয়দের একটি অ-সম্পূর্ণ তালিকা রয়েছে যা আমরা জুড়ে এসেছি: - [Vue.js Feed](https://vuejsfeed.com/) - [Michael Thiessen](https://michaelnthiessen.com/newsletter) diff --git a/src/guide/best-practices/performance.md b/src/guide/best-practices/performance.md index 09ec74c2..c878b8ba 100644 --- a/src/guide/best-practices/performance.md +++ b/src/guide/best-practices/performance.md @@ -16,7 +16,7 @@ Vue কে ম্যানুয়াল অপ্টিমাইজেশন যদিও এটি উভয়কে সর্বাধিক করা আদর্শ হবে, বিভিন্ন ফ্রন্টএন্ড আর্কিটেকচারগুলি এই দিকগুলিতে পছন্দসই কর্মক্ষমতা অর্জন করা কতটা সহজ তা প্রভাবিত করে। উপরন্তু, আপনি যে ধরনের অ্যাপ্লিকেশন তৈরি করছেন তা কার্যক্ষমতার ক্ষেত্রে আপনার কী অগ্রাধিকার দেওয়া উচিত তা ব্যাপকভাবে প্রভাবিত করে। অতএব, সর্বোত্তম কর্মক্ষমতা নিশ্চিত করার প্রথম ধাপ হল আপনি যে ধরনের অ্যাপ্লিকেশন তৈরি করছেন তার জন্য সঠিক আর্কিটেকচার বাছাই করা: -- পরামর্শ করুন [ভিউ ব্যবহারের উপায়](/guide/extras/ways-of-using-vue) আপনি কিভাবে বিভিন্ন উপায়ে Vue ব্যবহার করতে পারেন তা দেখতে। +- পরামর্শ করুন [Vue ব্যবহারের উপায়](/guide/extras/ways-of-using-vue) আপনি কিভাবে বিভিন্ন উপায়ে Vue ব্যবহার করতে পারেন তা দেখতে। - জেসন মিলার [Application Holotypes](https://jasonformat.com/application-holotypes/) এ ওয়েব অ্যাপ্লিকেশনের ধরন এবং তাদের নিজ নিজ আদর্শ বাস্তবায়ন/ডেলিভারি নিয়ে আলোচনা করেছেন। @@ -177,7 +177,7 @@ const computedObj = computed((oldValue) => { সমস্ত ফ্রন্টএন্ড অ্যাপ্লিকেশনের সবচেয়ে সাধারণ পারফরম্যান্স সমস্যাগুলির মধ্যে একটি হল বড় তালিকা রেন্ডার করা। ফ্রেমওয়ার্ক যতই পারফরম্যান্স হোক না কেন, ব্রাউজারকে যে পরিমাণ DOM নোড পরিচালনা করতে হবে তার কারণে হাজার হাজার আইটেমের সাথে একটি তালিকা রেন্ডার করা **ধীরে হবে**। -যাইহোক, আমাদের অগত্যা এই সমস্ত নোডগুলিকে সামনে রেন্ডার করতে হবে না। বেশিরভাগ ক্ষেত্রে, ব্যবহারকারীর পর্দার আকার আমাদের বড় তালিকার শুধুমাত্র একটি ছোট উপসেট প্রদর্শন করতে পারে। আমরা **তালিকা ভার্চুয়ালাইজেশন** দিয়ে পারফরম্যান্সকে ব্যাপকভাবে উন্নত করতে পারি, শুধুমাত্র সেই আইটেমগুলিকে রেন্ডার করার কৌশল যা বর্তমানে একটি বড় তালিকায় ভিউপোর্টে রয়েছে বা কাছাকাছি রয়েছে৷ +যাইহোক, আমাদের অগত্যা এই সমস্ত নোডগুলিকে সামনে রেন্ডার করতে হবে না। বেশিরভাগ ক্ষেত্রে, ব্যবহারকারীর পর্দার আকার আমাদের বড় তালিকার শুধুমাত্র একটি ছোট উপসেট প্রদর্শন করতে পারে। আমরা **তালিকা ভার্চুয়ালাইজেশন** দিয়ে পারফরম্যান্সকে ব্যাপকভাবে উন্নত করতে পারি, শুধুমাত্র সেই আইটেমগুলিকে রেন্ডার করার কৌশল যা বর্তমানে একটি বড় তালিকায় Vueপোর্টে রয়েছে বা কাছাকাছি রয়েছে৷ তালিকা ভার্চুয়ালাইজেশন বাস্তবায়ন করা সহজ নয়, ভাগ্যক্রমে বিদ্যমান কমিউনিটি লাইব্রেরি রয়েছে যা আপনি সরাসরি ব্যবহার করতে পারেন: diff --git a/src/guide/built-ins/suspense.md b/src/guide/built-ins/suspense.md index 27cb9ae6..1fc55a0f 100644 --- a/src/guide/built-ins/suspense.md +++ b/src/guide/built-ins/suspense.md @@ -131,7 +131,7 @@ Async কম্পোনেন্টগুলি ডিফল্টরূপে ``` -ভিউ রাউটারে ডাইনামিক ইম্পোর্ট ব্যবহার করে [lazily loading components](https://router.vuejs.org/guide/advanced/lazy-loading.html) জন্য বিল্ড-ইন সমর্থন রয়েছে। এগুলি অ্যাসিঙ্ক কম্পোনেন্টগুলির থেকে আলাদা এবং বর্তমানে তারা `` ট্রিগার করবে না। যাইহোক, তাদের এখনও ডিসেন্ডেন্টস হিসাবে অ্যাসিঙ্ক কম্পোনেন্ট থাকতে পারে এবং সেগুলি স্বাভাবিক উপায়ে `` ট্রিগার করতে পারে। +Vue রাউটারে ডাইনামিক ইম্পোর্ট ব্যবহার করে [lazily loading components](https://router.vuejs.org/guide/advanced/lazy-loading.html) জন্য বিল্ড-ইন সমর্থন রয়েছে। এগুলি অ্যাসিঙ্ক কম্পোনেন্টগুলির থেকে আলাদা এবং বর্তমানে তারা `` ট্রিগার করবে না। যাইহোক, তাদের এখনও ডিসেন্ডেন্টস হিসাবে অ্যাসিঙ্ক কম্পোনেন্ট থাকতে পারে এবং সেগুলি স্বাভাবিক উপায়ে `` ট্রিগার করতে পারে। --- diff --git a/src/guide/built-ins/teleport.md b/src/guide/built-ins/teleport.md index cee12eff..de140d49 100644 --- a/src/guide/built-ins/teleport.md +++ b/src/guide/built-ins/teleport.md @@ -94,7 +94,7 @@ export default { প্রাথমিক HTML কাঠামোর ভিতরে এই কম্পোনেন্টটি ব্যবহার করার সময়, বেশ কয়েকটি সম্ভাব্য সমস্যা রয়েছে: -- `position: fixed` শুধুমাত্র ভিউপোর্টের সাপেক্ষে কম্পোনেন্টটিকে রাখে যখন কোনো ancestor কম্পোনেন্টের `transform`, `perspective` বা `filter` বৈশিষ্ট্য সেট না থাকে। উদাহরণস্বরূপ, যদি আমরা একটি CSS ট্রান্সফর্মের সাথে ancestor `
`কে অ্যানিমেট করতে চাই, তাহলে এটি মডেল বিন্যাসকে ভেঙে দিবে! +- `position: fixed` শুধুমাত্র Vueপোর্টের সাপেক্ষে কম্পোনেন্টটিকে রাখে যখন কোনো ancestor কম্পোনেন্টের `transform`, `perspective` বা `filter` বৈশিষ্ট্য সেট না থাকে। উদাহরণস্বরূপ, যদি আমরা একটি CSS ট্রান্সফর্মের সাথে ancestor `
`কে অ্যানিমেট করতে চাই, তাহলে এটি মডেল বিন্যাসকে ভেঙে দিবে! - মডেলের `z-index` এর কম্পোনেন্টগুলি দ্বারা সীমাবদ্ধ। যদি আরেকটি কম্পোনেন্ট থাকে যা `
` এর সাথে ওভারল্যাপ করে এবং উচ্চতর `z-index` থাকে, তাহলে এটি আমাদের মডেলকে কভার করবে। diff --git a/src/guide/essentials/reactivity-fundamentals.md b/src/guide/essentials/reactivity-fundamentals.md index f9ed7625..41baf696 100644 --- a/src/guide/essentials/reactivity-fundamentals.md +++ b/src/guide/essentials/reactivity-fundamentals.md @@ -61,7 +61,7 @@ export default { } ``` -বরাদ্দ করার পরে আপনি যখন `this.someObject` অ্যাক্সেস করেন, তখন মানটি আসল `newObject`-এর একটি প্রতিক্রিয়াশীল প্রক্সি। **ভিউ 2-এর বিপরীতে, আসল `নতুন অবজেক্ট` অক্ষত রাখা হয়েছে এবং প্রতিক্রিয়াশীল করা হবে না: নিশ্চিত করুন যে সর্বদা `এই`-এর বৈশিষ্ট্য হিসেবে প্রতিক্রিয়াশীল অবস্থা অ্যাক্সেস করতে হবে।** +বরাদ্দ করার পরে আপনি যখন `this.someObject` অ্যাক্সেস করেন, তখন মানটি আসল `newObject`-এর একটি প্রতিক্রিয়াশীল প্রক্সি। **Vue 2-এর বিপরীতে, আসল `নতুন অবজেক্ট` অক্ষত রাখা হয়েছে এবং প্রতিক্রিয়াশীল করা হবে না: নিশ্চিত করুন যে সর্বদা `এই`-এর বৈশিষ্ট্য হিসেবে প্রতিক্রিয়াশীল অবস্থা অ্যাক্সেস করতে হবে।**
diff --git a/src/guide/extras/reactivity-in-depth.md b/src/guide/extras/reactivity-in-depth.md index e9c2792f..04e766f9 100644 --- a/src/guide/extras/reactivity-in-depth.md +++ b/src/guide/extras/reactivity-in-depth.md @@ -8,7 +8,7 @@ import SpreadSheet from './demos/SpreadSheet.vue' # Reactivity in Depth {#reactivity-in-depth} -Vue-এর সবচেয়ে স্বতন্ত্র বৈশিষ্ট্যগুলির মধ্যে একটি হল অবাধ প্রতিক্রিয়াশীলতা ব্যবস্থা। কম্পোনেন্ট স্টেট প্রতিক্রিয়াশীল জাভাস্ক্রিপ্ট অবজেক্ট নিয়ে গঠিত। আপনি যখন তাদের পরিবর্তন করেন, ভিউ আপডেট হয়। এটি রাষ্ট্র পরিচালনাকে সহজ এবং স্বজ্ঞাত করে তোলে, তবে কিছু সাধারণ গোটচা এড়াতে এটি কীভাবে কাজ করে তা বোঝাও গুরুত্বপূর্ণ। এই বিভাগে, আমরা Vue-এর প্রতিক্রিয়াশীলতা সিস্টেমের নিম্ন-স্তরের কিছু বিবরণে খনন করতে যাচ্ছি। +Vue-এর সবচেয়ে স্বতন্ত্র বৈশিষ্ট্যগুলির মধ্যে একটি হল অবাধ প্রতিক্রিয়াশীলতা ব্যবস্থা। কম্পোনেন্ট স্টেট প্রতিক্রিয়াশীল জাভাস্ক্রিপ্ট অবজেক্ট নিয়ে গঠিত। আপনি যখন তাদের পরিবর্তন করেন, Vue আপডেট হয়। এটি রাষ্ট্র পরিচালনাকে সহজ এবং স্বজ্ঞাত করে তোলে, তবে কিছু সাধারণ গোটচা এড়াতে এটি কীভাবে কাজ করে তা বোঝাও গুরুত্বপূর্ণ। এই বিভাগে, আমরা Vue-এর প্রতিক্রিয়াশীলতা সিস্টেমের নিম্ন-স্তরের কিছু বিবরণে খনন করতে যাচ্ছি। ## What is Reactivity? {#what-is-reactivity} diff --git a/src/guide/extras/reactivity-transform.md b/src/guide/extras/reactivity-transform.md index 8e2cc14c..15198968 100644 --- a/src/guide/extras/reactivity-transform.md +++ b/src/guide/extras/reactivity-transform.md @@ -14,7 +14,7 @@ কম্পোজিশন এপিআই প্রবর্তনের পর থেকে, প্রাথমিক অমীমাংসিত প্রশ্নগুলির মধ্যে একটি হল refs বনাম প্রতিক্রিয়াশীল অবজেক্টর ব্যবহার। প্রতিক্রিয়াশীল অবজেক্টগুলিকে ধ্বংস করার সময় প্রতিক্রিয়াশীলতা হারানো সহজ, যখন refs ব্যবহার করার সময় সর্বত্র `.value` ব্যবহার করা কষ্টকর হতে পারে। এছাড়াও, টাইপ সিস্টেম ব্যবহার না করলে `.value` মিস করা সহজ। -[ভিউ রিঅ্যাকটিভিটি ট্রান্সফর্ম](https://github.com/vuejs/core/tree/main/packages/reactivity-transform) হল একটি কম্পাইল-টাইম ট্রান্সফর্ম যা আমাদের এইরকম কোড লিখতে দেয়: +[Vue রিঅ্যাকটিভিটি ট্রান্সফর্ম](https://github.com/vuejs/core/tree/main/packages/reactivity-transform) হল একটি কম্পাইল-টাইম ট্রান্সফর্ম যা আমাদের এইরকম কোড লিখতে দেয়: ```vue