Skip to content

Commit

Permalink
refactor: change translated word raw to understandable word(#39)
Browse files Browse the repository at this point in the history
  • Loading branch information
mahmudunnabikajal committed Nov 29, 2023
1 parent 362438e commit 8f61f1d
Show file tree
Hide file tree
Showing 6 changed files with 9 additions and 9 deletions.
2 changes: 1 addition & 1 deletion src/about/faq.md
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@ Vue 3 হল সবচেয়ে কার্যকরী মূলধার

স্ট্রেস-পরীক্ষার পরিস্থিতিতে, Vue [js-framework-benchmark](https://krausest.github.io/js-framework-benchmark/current.html) এ একটি শালীন ব্যবধানে প্রতিক্রিয়া এবং কৌণিককে ছাড়িয়ে যায়। এটি বেঞ্চমার্কের কিছু দ্রুততম উত্পাদন-স্তরের নন-ভার্চুয়াল-ডোম ফ্রেমওয়ার্কের বিরুদ্ধেও ঘাড়-ঘাড় চলে।

মনে রাখবেন যে উপরের মত সিন্থেটিক বেঞ্চমার্কগুলি ডেডিকেটেড অপ্টিমাইজেশানের সাথে কাঁচা রেন্ডারিং পারফরম্যান্সের উপর ফোকাস করে এবং বাস্তব-বিশ্বের কর্মক্ষমতা ফলাফলের সম্পূর্ণ প্রতিনিধি নাও হতে পারে। আপনি যদি পৃষ্ঠা লোড পারফরম্যান্সের বিষয়ে আরও যত্নশীল হন, তাহলে আপনাকে [WebPageTest](https://www.webpagetest.org/lighthouse) অথবা [PageSpeed Insights](https://pagespeed.web.dev/) ব্যবহার করে এই ওয়েবসাইটটি অডিট করতে স্বাগত জানাই। ) SSG প্রি-রেন্ডারিং, ফুল পেজ হাইড্রেশন এবং SPA ক্লায়েন্ট-সাইড নেভিগেশন সহ এই ওয়েবসাইটটি Vue দ্বারা চালিত। এটি একটি ইমুলেটেড Moto G4-এ 4x CPU থ্রটলিং সহ স্লো 4G নেটওয়ার্কে পারফরম্যান্সে 100 স্কোর করে।
মনে রাখবেন যে উপরের মত সিন্থেটিক বেঞ্চমার্কগুলি ডেডিকেটেড অপ্টিমাইজেশানের সাথে raw রেন্ডারিং পারফরম্যান্সের উপর ফোকাস করে এবং বাস্তব-বিশ্বের কর্মক্ষমতা ফলাফলের সম্পূর্ণ প্রতিনিধি নাও হতে পারে। আপনি যদি পৃষ্ঠা লোড পারফরম্যান্সের বিষয়ে আরও যত্নশীল হন, তাহলে আপনাকে [WebPageTest](https://www.webpagetest.org/lighthouse) অথবা [PageSpeed Insights](https://pagespeed.web.dev/) ব্যবহার করে এই ওয়েবসাইটটি অডিট করতে স্বাগত জানাই। ) SSG প্রি-রেন্ডারিং, ফুল পেজ হাইড্রেশন এবং SPA ক্লায়েন্ট-সাইড নেভিগেশন সহ এই ওয়েবসাইটটি Vue দ্বারা চালিত। এটি একটি ইমুলেটেড Moto G4-এ 4x CPU থ্রটলিং সহ স্লো 4G নেটওয়ার্কে পারফরম্যান্সে 100 স্কোর করে।

কিভাবে Vue স্বয়ংক্রিয়ভাবে রানটাইম কর্মক্ষমতা অপ্টিমাইজ করে সে সম্পর্কে আপনি আরও জানতে পারেন৷ [রেন্ডারিং মেকানিজম](/guide/extras/rendering-mechanism) বিভাগ, এবং বিশেষ করে চাহিদার ক্ষেত্রে একটি Vue অ্যাপ কীভাবে অপ্টিমাইজ করা যায় [কর্মক্ষমতা অপ্টিমাইজেশান গাইড](/guide/best-practices/performance).

Expand Down
6 changes: 3 additions & 3 deletions src/api/built-in-directives.md
Original file line number Diff line number Diff line change
Expand Up @@ -423,7 +423,7 @@

- **বিস্তারিত**

`v-pre` সহ উপাদানের ভিতরে, সমস্ত Vue টেমপ্লেট সিনট্যাক্স সংরক্ষণ করা হবে এবং যেমন আছে তেমন রেন্ডার করা হবে। এর সবচেয়ে সাধারণ ব্যবহার হল কাঁচা গোঁফের ট্যাগ প্রদর্শন করা।
`v-pre` সহ উপাদানের ভিতরে, সমস্ত Vue টেমপ্লেট সিনট্যাক্স সংরক্ষণ করা হবে এবং যেমন আছে তেমন রেন্ডার করা হবে। এর সবচেয়ে সাধারণ ব্যবহার হল raw গোঁফের ট্যাগ প্রদর্শন করা।

- **উদাহরণ**

Expand Down Expand Up @@ -513,9 +513,9 @@

**এই নির্দেশিকা শুধুমাত্র নো-বিল্ড-স্টেপ সেটআপে প্রয়োজন।**

ইন-ডোম টেমপ্লেটগুলি ব্যবহার করার সময়, "অসংকলিত টেমপ্লেটগুলির ফ্ল্যাশ" হতে পারে: মাউন্ট করা উপাদানটি রেন্ডার করা সামগ্রীর সাথে প্রতিস্থাপন না করা পর্যন্ত ব্যবহারকারী কাঁচা গোঁফের ট্যাগ দেখতে পারেন৷
ইন-ডোম টেমপ্লেটগুলি ব্যবহার করার সময়, "অসংকলিত টেমপ্লেটগুলির ফ্ল্যাশ" হতে পারে: মাউন্ট করা উপাদানটি রেন্ডার করা সামগ্রীর সাথে প্রতিস্থাপন না করা পর্যন্ত ব্যবহারকারী raw গোঁফের ট্যাগ দেখতে পারেন৷

সংশ্লিষ্ট কম্পোনেন্ট ইনস্ট্যান্স মাউন্ট না হওয়া পর্যন্ত 'v-cloak' উপাদানটিতে থাকবে। CSS নিয়মের সাথে মিলিত যেমন `[v-cloak] { display: none }`, এটি কম্পোনেন্ট প্রস্তুত না হওয়া পর্যন্ত কাঁচা টেমপ্লেট লুকানোর জন্য ব্যবহার করা যেতে পারে।
সংশ্লিষ্ট কম্পোনেন্ট ইনস্ট্যান্স মাউন্ট না হওয়া পর্যন্ত 'v-cloak' উপাদানটিতে থাকবে। CSS নিয়মের সাথে মিলিত যেমন `[v-cloak] { display: none }`, এটি কম্পোনেন্ট প্রস্তুত না হওয়া পর্যন্ত raw টেমপ্লেট লুকানোর জন্য ব্যবহার করা যেতে পারে।

- **উদাহরণ**

Expand Down
2 changes: 1 addition & 1 deletion src/guide/components/props.md
Original file line number Diff line number Diff line change
Expand Up @@ -335,7 +335,7 @@ export default {

</div>

2. **প্রপটি একটি কাঁচা মান হিসাবে পাস করা হয়েছে যা রূপান্তরিত করা দরকার।** এই ক্ষেত্রে, প্রপের মান ব্যবহার করে একটি গণনা করা কম্পিউটেড প্রপার্টি সংজ্ঞায়িত করা ভাল:
2. **প্রপটি একটি raw মান হিসাবে পাস করা হয়েছে যা রূপান্তরিত করা দরকার।** এই ক্ষেত্রে, প্রপের মান ব্যবহার করে একটি গণনা করা কম্পিউটেড প্রপার্টি সংজ্ঞায়িত করা ভাল:

<div class="composition-api">

Expand Down
2 changes: 1 addition & 1 deletion src/guide/essentials/template-syntax.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ Vue একটি HTML-ভিত্তিক টেমপ্লেট সিন

হুডের নিচে, Vue টেমপ্লেটগুলিকে উচ্চ-অপ্টিমাইজ করা জাভাস্ক্রিপ্ট কোডে কম্পাইল করে। রিঅ্যাকটিভিটি সিস্টেমের সাথে একত্রিত হয়ে, Vue বুদ্ধিমত্তার সাথে পুনরায় রেন্ডার করার জন্য ন্যূনতম সংখ্যক কম্পোনেন্ট বের করতে পারে এবং অ্যাপের অবস্থা পরিবর্তন হলে ন্যূনতম পরিমাণ DOM ম্যানিপুলেশন প্রয়োগ করতে পারে।

আপনি যদি ভার্চুয়াল DOM ধারণার সাথে পরিচিত হন এবং জাভাস্ক্রিপ্টের কাঁচা শক্তি পছন্দ করেন তবে আপনি ঐচ্ছিক JSX সমর্থন সহ টেমপ্লেটের পরিবর্তে [সরাসরি রেন্ডার ফাংশন লিখতে পারেন](/guide/extras/render-function)। যাইহোক, মনে রাখবেন যে তারা টেমপ্লেটের মতো একই স্তরের কম্পাইল-টাইম অপ্টিমাইজেশন উপভোগ করে না।
আপনি যদি ভার্চুয়াল DOM ধারণার সাথে পরিচিত হন এবং জাভাস্ক্রিপ্টের raw শক্তি পছন্দ করেন তবে আপনি ঐচ্ছিক JSX সমর্থন সহ টেমপ্লেটের পরিবর্তে [সরাসরি রেন্ডার ফাংশন লিখতে পারেন](/guide/extras/render-function)। যাইহোক, মনে রাখবেন যে তারা টেমপ্লেটের মতো একই স্তরের কম্পাইল-টাইম অপ্টিমাইজেশন উপভোগ করে না।

## Text Interpolation {#text-interpolation}

Expand Down
4 changes: 2 additions & 2 deletions src/guide/extras/reactivity-in-depth.md
Original file line number Diff line number Diff line change
Expand Up @@ -147,7 +147,7 @@ function whenDepsChange(update) {
}
```

এটি একটি ইফেক্টে কাঁচা `update` ফাংশনকে মোড়ানো করে যা প্রকৃত আপডেট চালানোর আগে বর্তমান সক্রিয় প্রভাব হিসেবে নিজেকে সেট করে। এটি বর্তমান সক্রিয় প্রভাব সনাক্ত করতে আপডেটের সময় `track()` কলগুলিকে সক্ষম করে৷
এটি একটি ইফেক্টে raw `update` ফাংশনকে মোড়ানো করে যা প্রকৃত আপডেট চালানোর আগে বর্তমান সক্রিয় প্রভাব হিসেবে নিজেকে সেট করে। এটি বর্তমান সক্রিয় প্রভাব সনাক্ত করতে আপডেটের সময় `track()` কলগুলিকে সক্ষম করে৷

এই মুহুর্তে, আমরা একটি প্রভাব তৈরি করেছি যা স্বয়ংক্রিয়ভাবে তার নির্ভরতাগুলিকে ট্র্যাক করে, এবং যখনই কোনও নির্ভরতা পরিবর্তিত হয় তখন পুনরায় চালানো হয়। আমরা একে **প্রতিক্রিয়াশীল প্রভাব** বলি।

Expand Down Expand Up @@ -489,6 +489,6 @@ export function signal(initialValue) {
Vue refs-এর তুলনায়, সলিড এবং অ্যাঙ্গুলারের গেটার-ভিত্তিক API স্টাইল Vue কম্পোনেন্টগুলিতে ব্যবহার করার সময় কিছু আকর্ষণীয় ট্রেড-অফ প্রদান করে:
- `()` `.value`-এর চেয়ে সামান্য কম ভার্বস, কিন্তু মান আপডেট করা আরও ভার্বস।
- কোন রেফ-আনর্যাপিং নেই: অ্যাক্সেসের মান সবসময় `()` প্রয়োজন। এটি মান অ্যাক্সেসকে সর্বত্র সামঞ্জস্যপূর্ণ করে তোলে। এর মানে হল আপনি কম্পোনেন্ট প্রপস হিসাবে কাঁচা সংকেত পাস করতে পারেন।
- কোন রেফ-আনর্যাপিং নেই: অ্যাক্সেসের মান সবসময় `()` প্রয়োজন। এটি মান অ্যাক্সেসকে সর্বত্র সামঞ্জস্যপূর্ণ করে তোলে। এর মানে হল আপনি কম্পোনেন্ট প্রপস হিসাবে raw সংকেত পাস করতে পারেন।
এই API স্টাইল আপনার জন্য উপযুক্ত কিনা তা কিছুটা বিষয়ভিত্তিক। এখানে আমাদের লক্ষ্য হল এই বিভিন্ন API ডিজাইনের মধ্যে অন্তর্নিহিত সাদৃশ্য এবং ট্রেড-অফ প্রদর্শন করা। আমরা এটাও দেখাতে চাই যে Vue নমনীয়: আপনি আসলে বিদ্যমান API-এ লক নন। এটি প্রয়োজন হলে, আপনি আরও নির্দিষ্ট প্রয়োজন অনুসারে আপনার নিজস্ব প্রতিক্রিয়াশীল আদিম API তৈরি করতে পারেন।
2 changes: 1 addition & 1 deletion src/guide/reusability/composables.md
Original file line number Diff line number Diff line change
Expand Up @@ -251,7 +251,7 @@ export function useFetch(url) {

### Input Arguments {#input-arguments}

একটি কম্পোজেবল রেফ বা গেটার আর্গুমেন্ট গ্রহণ করতে পারে এমনকি যদি এটি প্রতিক্রিয়াশীলতার জন্য তাদের উপর নির্ভর না করে। আপনি যদি অন্য ডেভেলপারদের দ্বারা ব্যবহার করা হতে পারে এমন একটি কম্পোজেবল লিখছেন, তাহলে কাঁচা মানের পরিবর্তে রেফ বা গেটার হওয়ার ক্ষেত্রে ইনপুট আর্গুমেন্টগুলিকে পরিচালনা করা একটি ভাল ধারণা। [`toValue()`](/api/reactivity-utilities#tovalue) ইউটিলিটি ফাংশন এই উদ্দেশ্যে কাজে আসবে:
একটি কম্পোজেবল রেফ বা গেটার আর্গুমেন্ট গ্রহণ করতে পারে এমনকি যদি এটি প্রতিক্রিয়াশীলতার জন্য তাদের উপর নির্ভর না করে। আপনি যদি অন্য ডেভেলপারদের দ্বারা ব্যবহার করা হতে পারে এমন একটি কম্পোজেবল লিখছেন, তাহলে raw মানের পরিবর্তে রেফ বা গেটার হওয়ার ক্ষেত্রে ইনপুট আর্গুমেন্টগুলিকে পরিচালনা করা একটি ভাল ধারণা। [`toValue()`](/api/reactivity-utilities#tovalue) ইউটিলিটি ফাংশন এই উদ্দেশ্যে কাজে আসবে:

```js
import { toValue } from 'vue'
Expand Down

0 comments on commit 8f61f1d

Please sign in to comment.