merge-conflict-fixed

Author: nafistiham

src/content/learn/start-a-new-react-project.md

@@ -4,20 +4,12 @@ title: নতুন প্রোজেক্ট শুরু করুন
 
 <Intro>
 
-<<<<<<< HEAD
-আপনি যদি React দিয়ে কোন অ্যাপ বা ওয়েবসাইট বানাতে চান তাহলে, React কমিউনিটি ব্যাবহার করে এমন যেকোনো একটি জনপ্রিয় ফ্রেমওয়ার্ক ব্যাবহার করতে আমরা আপনাকে উৎসাহিত করব। এই ফ্রেমওয়ার্ক গুলো আপনাকে গুরুত্বপূর্ণ কিছু ফিচার দিবে, যেমনঃ Routing, Data fetching এবং HTML generate করা, যা মোটামুটি সব ধরণের অ্যাপ অথবা ওয়েবসাইটের দরকার হয়।
-=======
 If you want to build a new app or a new website fully with React, we recommend picking one of the React-powered frameworks popular in the community.
->>>>>>> 2372ecf920ac4cda7c900f9ac7f9c0cd4284f281
 
 </Intro>
 
 
-<<<<<<< HEAD
-**লোকাল ডেভেলপমেন্টের জন্যে আপনার অবশ্যই [Node.js](https://nodejs.org/en/) ইন্সটল থাকতে হবে।** আপনি চাইলে আপনার production সার্ভারে Node.js ইন্সটল করতে পারেন কিন্তু এটা আবশ্যক নয় কারণ অনেক React ফ্রেমওয়ার্ক আপনার অ্যাপ বা ওয়েবসাইট এর স্ট্যাটিক HTML/CSS/JS তৈরি করে দেয়।
-=======
 You can use React without a framework, however we’ve found that most apps and sites eventually build solutions to common problems such as code-splitting, routing, data fetching, and generating HTML. These problems are common to all UI libraries, not just React.
->>>>>>> 2372ecf920ac4cda7c900f9ac7f9c0cd4284f281
 
 By starting with a framework, you can get started with React quickly, and avoid essentially building your own framework later.
 
@@ -43,13 +35,9 @@ If your app has unusual constraints not served well by these frameworks, or you
 
 These frameworks support all the features you need to deploy and scale your app in production and are working towards supporting our [full-stack architecture vision](#which-features-make-up-the-react-teams-full-stack-architecture-vision). All of the frameworks we recommend are open source with active communities for support, and can be deployed to your own server or a hosting provider. If you’re a framework author interested in being included on this list, [please let us know](https://github.com/reactjs/react.dev/issues/new?assignees=&labels=type%3A+framework&projects=&template=3-framework.yml&title=%5BFramework%5D%3A+).
 
-<<<<<<< HEAD
-**[Next.js](https://nextjs.org/) একটি full-stack React ফ্রেমওয়ার্ক।** এটি খুবই জনপ্রিয় এবং খুবই সহজে একটি ছোট ব্লগ ওয়েবসাইট অথবা অনেক বড় এবং জটিল অ্যাপ বানানোর জন্যে উপযোগী। নিচের কমান্ড টি আপনার টার্মিনাল এ রান করে আপনি একটি Next.js প্রোজেক্ট তৈরি করতে পারবেন।
-=======
 ### Next.js {/*nextjs-pages-router*/}
 
 **[Next.js' Pages Router](https://nextjs.org/) is a full-stack React framework.** It's versatile and lets you create React apps of any size--from a mostly static blog to a complex dynamic application. To create a new Next.js project, run in your terminal:
->>>>>>> 2372ecf920ac4cda7c900f9ac7f9c0cd4284f281
 
 <TerminalBlock>
 npx create-next-app@latest
@@ -96,29 +84,7 @@ npx create-expo-app
 
 Expo এর রক্ষণাবেক্ষণের কাজ করে থাকে [Expo (the company)](https://expo.dev/about)। Expo দিয়ে বিনামূল্যে অ্যাপ তৈরি করতে পারবেন, এবং কোন সীমাবদ্ধতা ছাড়াই আপনি সেগুলিকে Google এবং Apple অ্যাপ স্টোরগুলিতে জমা দিতে পারবেন৷ Expo এছাড়াও অপ্ট-ইন ক্লাউড সার্ভিস প্রদান করে থাকে৷
 
-<<<<<<< HEAD
-<DeepDive>
-
-#### আমি কি ফ্রেমওয়ার্ক ছাড়া React ব্যবহার করতে পারি? {/*can-i-use-react-without-a-framework*/}
-
-আপনি অবশ্যই একটি ফ্রেমওয়ার্ক ছাড়া React ব্যবহার করতে পারেন--এইভাবে আপনি আপনার [পৃষ্ঠাটির একটি অংশের জন্য React ব্যবহার করবেন।](/learn/add-react-to-an-existing-project#using-react-for-a-part-of-your-existing-page) **পরিশেষে, আপনি যদি সম্পূর্ণভাবে React সহ একটি নতুন অ্যাপ বা সাইট তৈরি করেন, আমরা একটি ফ্রেমওয়ার্ক ব্যবহার করার পরামর্শ দিই।**
-
-বিস্তারিত কারণ।
-
-যদিও আপনার প্রথমে রাউটিং বা ডেটা আনার প্রয়োজন না হয়, পরবর্তীতে আপনি সম্ভবত তাদের জন্য কিছু লাইব্রেরি যোগ করতে চাইবেন। আপনার জাভাস্ক্রিপ্ট বান্ডেলে প্রতিটি নতুন ফিচার বৃদ্ধি পাওয়ার সাথে সাথে আপনাকে প্রতিটি রুটের জন্য পৃথকভাবে কোড বিভক্ত করার উপায় বের করতে হতে পারে। যেহেতু আপনার ডেটা আনার প্রয়োজনীয়তা আরও জটিল হয়ে উঠছে, আপনি সম্ভবত সার্ভার-ক্লায়েন্ট network waterfalls এর সম্মুখীন হতে পারেন যা আপনার অ্যাপকে খুব স্লো করে দিবে। যেহেতু আপনার ইউজার দের মধ্যে দুর্বল নেটওয়ার্ক সম্পন্ন এবং কম শক্তিশালী ডিভাইস ব্যবহারকারী থাকতে পারে, তাই আপনাকে জলদি কন্টেন্ট দেখানোর জন্য আপনার সার্ভারে বা বিল্ডের এর সময় কম্পোনেন্টস থেকে HTML তৈরি করতে হতে পারে। সার্ভারে বা বিল্ডের সময় কিছু কোড চালানোর জন্য আপনার সেটআপ পরিবর্তন করা খুব কঠিন হতে পারে।
-
-**এই সমস্যাগুলি React এর নয়। এই কারণেই Svelte এর SvelteKit আছে, Vue এর Nuxt আছে ইত্যাদি।** এই সমস্যাগুলি নিজে থেকে সমাধান করতে, আপনাকে রাউটার এবং ডেটা আনার লাইব্রেরির সাথে আপনার বান্ডলারকে সংযোগ করতে হবে। একটি প্রাথমিক কার্যকারী সেটআপ করা কঠিন নয়, তবে একটি অ্যাপ তৈরির সাথে অনেক সূক্ষ্মতা জড়িত থাকে যা সময়ের সাথে সাথে অ্যাপের সাইজ বাড়লেও দ্রুত লোড করতে পারেতে হয়। আপনি একটি পৃষ্ঠা লোড করার জন্যে নুন্নতম কোড পাঠাতে চাইবেন কিন্তু পৃষ্ঠার ডাটা প্যারালাল ভাবে লোড একটি একক ক্লায়েন্ট-সার্ভার রাউন্ডট্রিপে করতে চান। ওয়েবসাইটের Progressive enhancement এর জন্যে আপনি সম্ভবত আপনার জাভাস্ক্রিপ্ট কোডটি চালানোর আগে পৃষ্ঠাটি ইন্টারেক্টিভ করতে চাইবেন। আপনি আপনার মার্কেটিং পেইজ গুলির জন্য সম্পূর্ণরূপে স্ট্যাটিক HTML ফাইলগুলির একটি ফোল্ডার তৈরি করতে চাইতে পারেন যা যে কোনও জায়গায় হোস্ট করা যেতে পারে এবং জাভাস্ক্রিপ্ট বন্ধ থাকেলও কাজ করতে পারে। এই ক্ষমতাগুলি অ্যাপের মধ্যে তৈরি করতে আসল কাজ লাগে।
-
-**কোন অতিরিক্ত কাজ ছাড়াই এই পৃষ্ঠার React ফ্রেমওয়ার্ক গুলো এমনিতেই এই ধরণের সমস্যাগুলো সমাধান করে।** এগুলো আপনাকে খুব সহজে শুরু করতে সাহায্য করে এবং তারপরে আপনার প্রয়োজনের সাথে আপনার অ্যাপটি স্কেল করতে সাহায্য করে। প্রতিটি React ফ্রেমওয়ার্কের একটি কমিউনিটি রয়েছে, তাই প্রশ্নের উত্তর খুঁজে পাওয়া এবং টুলিং আপগ্রেড করা সহজ। ফ্রেমওয়ার্কগুলি আপনার কোডের কাঠামোও দেয়, আপনাকে এবং অন্যদেরকে বিভিন্ন প্রোজেক্টের মধ্যে প্রসঙ্গ এবং দক্ষতা বজায় রাখতে সাহায্য করে। বিপরীতভাবে, একটি কাস্টম সেটাপের  মধ্যে খুব সহজেই unsupported dependency version গুলিতে আটকে যেতে পারেন, এবং শেষমেশ দেখা যাবে আপনি আপনার নিজের ফ্রেমওয়ার্ক তৈরী করে ফেলেছেন—অবশ্যই কোন কমিউনিটি বা আপগ্রেডের পথ ছাড়া (এবং যদি দেখা যায় এটা আমাদের অতীতে তৈরী করা ফ্রেমওয়ার্কগুলোর মত, তাহলে সেটা হবে খুব তাড়াহুড়ো করে ডিজাইন করা একটা ফ্রেমওয়ার্ক)।
-
-
-আপনি যদি এখনও নিশ্চিত না হন, বা আপনার অ্যাপে অস্বাভাবিক সীমাবদ্ধতা থাকে যা এই framework গুলো দ্বারা ভালভাবে পরিবেশিত না হয় এবং আপনি আপনার নিজস্ব কাস্টম সেটআপ রোল করতে চান, আমরা আপনাকে থামাব না--এটির জন্য npm থেকে `react` এবং `react-dom` ইন্সটল করুন, [Vite](https://vitejs.dev/) or [Parcel](https://parceljs.org/) এর মতো একটি বান্ডলার দিয়ে আপনার কাস্টম বিল্ড প্রক্রিয়া সেট আপ করুন এবং রাউটিং, স্ট্যাটিক জেনারেশন বা সার্ভার-সাইড রেন্ডারিং এবং আরও অনেক কিছুর জন্য আপনার প্রয়োজন অনুযায়ী অন্যান্য টুল যোগ করুন।
-</DeepDive>
-
-## জনপ্রিয় কিছু React ফ্রেমওয়ার্ক {/*bleeding-edge-react-frameworks*/}
-=======
 ## Bleeding-edge React frameworks {/*bleeding-edge-react-frameworks*/}
->>>>>>> 2372ecf920ac4cda7c900f9ac7f9c0cd4284f281
 
 আমরা কীভাবে React এর উন্নতি চালিয়ে যেতে পারি তার খোঁজ করেছি , আমরা বুঝতে পেরেছি যে ফ্রেমওয়ার্কগুলির সাথে React কে আরও ঘনিষ্ঠভাবে একীভূত করা (বিশেষত, রাউটিং, বান্ডলিং এবং সার্ভার প্রযুক্তির সাথে) React ব্যবহারকারীদের আরও ভাল অ্যাপ তৈরি করতে সহায়তা করার সবচেয়ে বড় সুযোগ। Next.js টিম [React সার্ভার কম্পোনেন্টের](/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023#react-server-components) মতো ফিচারের গবেষণা, বিকাশ, একীভূতকরণ এবং পরীক্ষা করতে আমাদের সাথে সহযোগিতা করতে সম্মত হয়েছে।