translated add-react-to-an-existing-project#40
Conversation
nafistiham
left a comment
There was a problem hiding this comment.
- কোন শব্দ আমরা যেভাবে ব্যবহার করছি, পুরো পেইজজুড়ে সেভাবেই ব্যবহারের চেষ্টা করি। ইংরেজি, বাংলা বা বাংলিশ
- টেকনিকাল শব্দগুলো ইংরেজিতেই বা বাংলা হরফে ইংরেজি উচ্চারণে রাখি
- যেই লাইনে যতটুকু অনুবাদ সেভাবেই করি। এতে সামঞ্জস্য থাকবে।
আমি পুরোটা দেখার সুযোগ পাচ্ছি না আপাতত। আশা করি অন্য কেউ আরো মন্তব্য যোগ করবেন। আপনি ইতোমধ্যে লাইনের বিষয়টা ঠিক করে কমিট করলে ভাল হয়, কারণ সেক্ষেত্রে রিভিউ অনেক সরল হয়। খুব সম্ভবতঃ আমি সাধারণ যে নির্দেশনা আমরা মেনে চলছি সেগুলো হিসেবেই কিছু বিচ্যুতি রয়েছে, সেগুলো ঠিক করা হলে কিছু বাকি থাকবে না। @moshfiqrony ভাই, সময় পেলে রিভিউ করবেন আশা করি।
| </Note> | ||
|
|
||
| ## Using React for an entire subroute of your existing website {/*using-react-for-an-entire-subroute-of-your-existing-website*/} | ||
| ## আপনার existing ওয়েবসাইটের একটি সম্পূর্ণ subroute এর জন্য রিয়েক্ট ব্যবহার করা {/*using-react-for-an-entire-subroute-of-your-existing-website*/} |
There was a problem hiding this comment.
এই জায়গা থেকে লাইনের সাথে লাইন মিলানো হয় নাই। ইংরেজিতে যেই অংশটুকু যেভাবে করা সেই লাইনে অতটুকু অনুবাদ আমরা রাখছি। আশা করি এটা খেয়াল রেখে চেঞ্জ রিকুয়েস্ট রিজল্ভ করবেন।
|
|
||
| এখানে আমরা যে ভাবে এটি সেট আপ করতে পরামর্শ দিচ্ছি : | ||
|
|
||
| ১. **আপনার অ্যাপ এর রিয়েক্ট অংশটি** [রিয়েক্ট-ভিত্তিক ফ্রেমওয়ার্ক](/learn/start-a-new-react-project) এর দিয়ে বিল্ড করুন। |
There was a problem hiding this comment.
| ১. **আপনার অ্যাপ এর রিয়েক্ট অংশটি** [রিয়েক্ট-ভিত্তিক ফ্রেমওয়ার্ক](/learn/start-a-new-react-project) এর দিয়ে বিল্ড করুন। | |
| ১. **আপনার অ্যাপ এর React অংশটি** [রিয়েক্ট-ভিত্তিক ফ্রেমওয়ার্ক](/learn/start-a-new-react-project) এর দিয়ে বিল্ড করুন। |
যেসব জায়গায় React এর জায়গায় বাংলায় লেখা সেগুলো ঠিক করতে হবে।
| দেখতে হলে যে index.html ফাইলের মূল HTML কন্টেন্টটি সংরক্ষিত আছে এবং আপনার নিজের NavigationBar রিয়েক্ট কম্পোনেন্টটি এখন আপনার HTML এর মধ্যে প্রদর্শিত হয় যেটি `<nav id="navigation">` এর ভিতরে অবস্থিত। রিয়েক্ট কম্পোনেন্টগুলি অবশ্যই বিদ্যমান HTML পৃষ্ঠার ভিতরে রেন্ডার করা সম্ভব হবে। বিস্তারিত জানতে, [createRoot ব্যবহারের নথিপত্র](/reference/react-dom/client/createRoot#rendering-a-page-partially-built-with-react) পড়ুন। | ||
|
|
||
| When you adopt React in an existing project, it's common to start with small interactive components (like buttons), and then gradually keep "moving upwards" until eventually your entire page is built with React. If you ever reach that point, we recommend migrating to [a React framework](/learn/start-a-new-react-project) right after to get the most out of React. | ||
| যখন আপনি একটি বিদ্যমান প্রকল্পে রিয়েক্ট অনুমোদন করবেন, তখন ছোট ইন্টারঅ্যাকটিভ কম্পোনেন্টগুলি দিয়ে শুরু করা সাধারণ (যেমন বাটন), এবং পরে ধীরে ধীরে বাকী পৃষ্ঠাগুলি রিয়েক্ট দিয়ে তৈরি করা হয়। আপনি যদি ঐ নির্দিষ্ট সীমানা পাশাপাশি অবজ্ঞার পর্যন্ত এসে যান তখন আমরা রিয়েক্টের সর্বাধিক সুবিধা পেতে হলে একটি [রিয়েক্ট ফ্রেমওয়ার্কে](/learn/start-a-new-react-project) মাইগ্রেট করার সুপারিশ করি। |
There was a problem hiding this comment.
বিদ্যমান কথাটা ব্যবহার করলে পুরো পেইজ জুড়ে একইরকম লেখার অনুরোধ থাকবে। প্রকল্পের জায়গায় প্রজেক্ট লিখছি আমরা সবাই।
|
@nafistiham sure bhai |
moshfiqrony
left a comment
There was a problem hiding this comment.
Apnar puro translation e onek omil ache. Kothao ekta word ke ekvabe kothao arek vabe likha hoyeche. Evabe apnar amader dujoner e shomoy nosto hocche. Apni aste dhire korun kintu ektu monojog diye korar onurodh thaklo.
| দেখতে হলে যে index.html ফাইলের মূল HTML কন্টেন্টটি সংরক্ষিত আছে এবং আপনার নিজের NavigationBar রিয়েক্ট কম্পোনেন্টটি এখন আপনার HTML এর মধ্যে প্রদর্শিত হয় যেটি `<nav id="navigation">` এর ভিতরে অবস্থিত। রিয়েক্ট কম্পোনেন্টগুলি অবশ্যই বিদ্যমান HTML পৃষ্ঠার ভিতরে রেন্ডার করা সম্ভব হবে। বিস্তারিত জানতে, [createRoot ব্যবহারের নথিপত্র](/reference/react-dom/client/createRoot#rendering-a-page-partially-built-with-react) পড়ুন। | ||
|
|
||
| When you adopt React in an existing project, it's common to start with small interactive components (like buttons), and then gradually keep "moving upwards" until eventually your entire page is built with React. If you ever reach that point, we recommend migrating to [a React framework](/learn/start-a-new-react-project) right after to get the most out of React. | ||
| যখন আপনি একটি বিদ্যমান প্রকল্পে রিয়েক্ট অনুমোদন করবেন, তখন ছোট ইন্টারঅ্যাকটিভ কম্পোনেন্টগুলি দিয়ে শুরু করা সাধারণ (যেমন বাটন), এবং পরে ধীরে ধীরে বাকী পৃষ্ঠাগুলি রিয়েক্ট দিয়ে তৈরি করা হয়। আপনি যদি ঐ নির্দিষ্ট সীমানা পাশাপাশি অবজ্ঞার পর্যন্ত এসে যান তখন আমরা রিয়েক্টের সর্বাধিক সুবিধা পেতে হলে একটি [রিয়েক্ট ফ্রেমওয়ার্কে](/learn/start-a-new-react-project) মাইগ্রেট করার সুপারিশ করি। |
| <nav id="navigation"></nav> | ||
| <!-- ... more html ... --> | ||
| ``` | ||
| এটি আপনাকে [`document.getElementById`](https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById) ব্যবহার করে ঐ HTML উপাদানটি খুঁজে বের করতে দেয়। এরপর [`createRoot`](/reference/react-dom/client/createRoot) এ তা পাঠাতে হবেন, যাতে আপনি আপনার নিজের রিয়েক্ট কম্পোনেন্টটি রেন্ডার করতে পারেন: |
There was a problem hiding this comment.
এ তা পাঠাতে হবেন > এ তা পাঠাতে হবে
|
Turned the PR as a draft. It needs a good amount of changes. We'll be posted for any changes made. No worries. = |
|
Thanks for the feedback, Where I got stuck, I took help from Google, and I will change everything part by part where require changes. |
|
Any update on this? |
|
@sowrovsarkar63 do you need help with this? |
|
I am taking over this task. @sowrovsarkar63 @moshfiqrony |
nafistiham
left a comment
There was a problem hiding this comment.
There are issues. I am accepting the code. I'll edit the issues and give a new PR.
Completed add-react-to-an-existing-project page translation to Bangla. If something needs to change, let me know. I'm always available here