From 78e3b67e9a6717b552cea45d235c03462476d7a4 Mon Sep 17 00:00:00 2001
From: kmdshojib <kmd.shojib123@gmail.com>
Date: Sun, 10 Jul 2022 12:56:59 -0700
Subject: [PATCH 01/28] Updated navigation changed english to bangla

---
 content/tutorial/nav.yml | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/content/tutorial/nav.yml b/content/tutorial/nav.yml
index 92dc9451c..1cdf91d1e 100644
--- a/content/tutorial/nav.yml
+++ b/content/tutorial/nav.yml
@@ -31,20 +31,20 @@
           href: /tutorial/tutorial.html#help-im-stuck
           forceInternal: true
     - id: overview
-      title: Overview
+      title: পরিদর্শন
       href: /tutorial/tutorial.html#overview
       forceInternal: true
       subitems:
         - id: what-is-react
-          title: What Is React?
+          title: React কি?
           href: /tutorial/tutorial.html#what-is-react
           forceInternal: true
         - id: inspecting-the-starter-code
-          title: Inspecting the Starter Code
+          title: প্রাথমিক কোড নিরীক্ষণ
           href: /tutorial/tutorial.html#inspecting-the-starter-code
           forceInternal: true
         - id: passing-data-through-props
-          title: Passing Data Through Props
+          title: Props এর মাধ্যমে ডটা পাস করা
           href: /tutorial/tutorial.html#passing-data-through-props
           forceInternal: true
         - id: making-an-interactive-component

From 5f61bc392452c9ed1a494a1f113af016e25594e2 Mon Sep 17 00:00:00 2001
From: kmdshojib <kmd.shojib123@gmail.com>
Date: Mon, 11 Jul 2022 12:14:14 -0700
Subject: [PATCH 02/28] Translated passing data through props

---
 content/tutorial/tutorial.md | 21 ++++++++++++---------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/content/tutorial/tutorial.md b/content/tutorial/tutorial.md
index a5f225df1..55dbde128 100644
--- a/content/tutorial/tutorial.md
+++ b/content/tutorial/tutorial.md
@@ -184,13 +184,13 @@ JSX জাভাস্ক্রিপ্টের পরিপূর্ণ ব
 
 Square কম্পোনেন্টটি একটিমাত্র `<button>` রেন্ডার করে এবং Board রেন্ডার করে ৯টি স্কোয়ার। Game কম্পোনেন্টটি placeholder ভ্যালুসহ একটি বোর্ড রেন্ডার করে যেটা আমরা পরে পরিবর্তন করব। বর্তমানে এখানে কোনো ইন্টার‌্যাক্টিভ কম্পোনেন্ট নেই।
 
-### Passing Data Through Props {#passing-data-through-props}
+### Props এর মাধ্যমে ডটা পাস করা {#passing-data-through-props}
 
-To get our feet wet, let's try passing some data from our Board component to our Square component.
+প্রথমে আমাদের শুরু করার জন্য চলুন আমরা Board কম্পোনেন্ট থেকে Square কম্পোনেন্টে কিছু ডটা পাস করি।
 
-We strongly recommend typing code by hand as you're working through the tutorial and not using copy/paste. This will help you develop muscle memory and a stronger understanding.
+আমরা দৃঢ়ভাবে পরামর্শ দেই আপনি টিউটোরিয়ালের মাধ্যমে কাজ করছেন এবং শুধু কপি/পেস্ট করছেন না। এটি আপনার পেশী স্মৃতি এবং খুব ভালভাবে বোঝার বিকাশে সহায়তা করবে।
 
-In Board's `renderSquare` method, change the code to pass a prop called `value` to the Square:
+Board এর `renderSquare` মেথডটিতে Square `value` নামক Prop পাস করার জন্য কোড পরবর্তন করুনঃ
 
 ```js{3}
 class Board extends React.Component {
@@ -200,7 +200,7 @@ class Board extends React.Component {
 }
 ```
 
-Change Square's `render` method to show that value by replacing `{/* TODO */}` with `{this.props.value}`:
+ Square এর `render` method পরিবর্তন করে সেই value কে  `{/* TODO */}` এর পরিবর্তে  `{this.props.value}` দিয়ে দেখান:
 
 ```js{5}
 class Square extends React.Component {
@@ -214,17 +214,20 @@ class Square extends React.Component {
 }
 ```
 
-Before:
+আগে:
 
 ![React Devtools](../images/tutorial/tictac-empty.png)
 
-After: You should see a number in each square in the rendered output.
+পরে: Render করা আউটপুটের প্রতিটি Square এ আপনি একটি একটি সংখ্যা দেখতে পাবেন।
+
 
 ![React Devtools](../images/tutorial/tictac-numbers.png)
 
-**[View the full code at this point](https://codepen.io/gaearon/pen/aWWQOG?editors=0010)**
+**[সম্পূর্ণ কোডটি এখানে দেখুন](https://codepen.io/gaearon/pen/aWWQOG?editors=0010)**
+
+
+অভিনন্দন! অপনি পেরেন্ট Board কম্পোনেন্ট থেকে চাইল্ড Square কম্পোনেন্টে prop পাস করেছেন। Prop পাসিং এর মাধ্যেমে React অ্যাপ্লিকেশনে এভাবেই পেরেন্ট থেকে চাইল্ডে তথ্য প্রবাহিত হয়।
 
-Congratulations! You've just "passed a prop" from a parent Board component to a child Square component. Passing props is how information flows in React apps, from parents to children.
 
 ### Making an Interactive Component {#making-an-interactive-component}
 

From 8ccfbae242318416e07f1cafb8de9f4102d093b2 Mon Sep 17 00:00:00 2001
From: kmdshojib <kmd.shojib123@gmail.com>
Date: Tue, 12 Jul 2022 16:19:06 -0700
Subject: [PATCH 03/28] translated Making an Interactive Component section

---
 content/tutorial/nav.yml     |  2 +-
 content/tutorial/tutorial.md | 46 ++++++++++++++++++++----------------
 2 files changed, 26 insertions(+), 22 deletions(-)

diff --git a/content/tutorial/nav.yml b/content/tutorial/nav.yml
index 1cdf91d1e..136ac082f 100644
--- a/content/tutorial/nav.yml
+++ b/content/tutorial/nav.yml
@@ -48,7 +48,7 @@
           href: /tutorial/tutorial.html#passing-data-through-props
           forceInternal: true
         - id: making-an-interactive-component
-          title: Making an Interactive Component
+          title: একটি ইন্টারেক্টিভ কম্পোনেন্ট তৈরি করা
           href: /tutorial/tutorial.html#making-an-interactive-component
           forceInternal: true
         - id: developer-tools
diff --git a/content/tutorial/tutorial.md b/content/tutorial/tutorial.md
index 55dbde128..2acc37713 100644
--- a/content/tutorial/tutorial.md
+++ b/content/tutorial/tutorial.md
@@ -223,16 +223,17 @@ class Square extends React.Component {
 
 ![React Devtools](../images/tutorial/tictac-numbers.png)
 
-**[সম্পূর্ণ কোডটি এখানে দেখুন](https://codepen.io/gaearon/pen/aWWQOG?editors=0010)**
+**[এখন পর্যন্ত সম্পূর্ণ কোডটি এখানে দেখুন](https://codepen.io/gaearon/pen/aWWQOG?editors=0010)**
 
 
 অভিনন্দন! অপনি পেরেন্ট Board কম্পোনেন্ট থেকে চাইল্ড Square কম্পোনেন্টে prop পাস করেছেন। Prop পাসিং এর মাধ্যেমে React অ্যাপ্লিকেশনে এভাবেই পেরেন্ট থেকে চাইল্ডে তথ্য প্রবাহিত হয়।
 
 
-### Making an Interactive Component {#making-an-interactive-component}
+###  একটি ইন্টারেক্টিভ কম্পোনেন্ট তৈরি করা {#making-an-interactive-component}
+
+ক্লিক করার সময় আমরা Square কম্পোনেন্টটিকে "X" দ্বারা পূর্ণ করি।
+প্রথমে, Square কম্পোনেন্টের  `render()` ফাংশন থেকে return আসা button ট্যাগটি পরিবর্তন করুনঃ
 
-Let's fill the Square component with an "X" when we click it.
-First, change the button tag that is returned from the Square component's `render()` function to this:
 
 ```javascript{4}
 class Square extends React.Component {
@@ -246,11 +247,12 @@ class Square extends React.Component {
 }
 ```
 
-If you click on a Square now, you should see an alert in your browser.
+এখন আপনি Square ক্লিক করলে, আপনি আপনার ব্রাউজারে alert দেখতে পারবেন।
 
->Note
+
+>নোট
 >
->To save typing and avoid the [confusing behavior of `this`](https://yehudakatz.com/2011/08/11/understanding-javascript-function-invocation-and-this/), we will use the [arrow function syntax](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions) for event handlers here and further below:
+> টাইপিং কমানোর জন্য এবং [`this` এর বিভ্রান্তিকর আচরণ এড়াতে](https://yehudakatz.com/2011/08/11/understanding-javascript-function-invocation-and-this/), আমরা এখানে এবং নীচে আরও ইভেন্ট হ্যান্ডলারদের জন্য  [arrow function সিনট্যাক্স ](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions) ব্যবহার করব:
 >
 >```javascript{4}
 >class Square extends React.Component {
@@ -264,13 +266,14 @@ If you click on a Square now, you should see an alert in your browser.
 >}
 >```
 >
->Notice how with `onClick={() => alert('click')}`, we're passing *a function* as the `onClick` prop. React will only call this function after a click. Forgetting `() =>` and writing `onClick={alert('click')}` is a common mistake, and would fire the alert every time the component re-renders.
+>লক্ষ্য করুন কিভাবে `onClick={() => alert('click')}` দিয়ে, আমরা একটি ফাংশনকে `onClick` prop হিসেবে পাস করছি। React শুধুমাত্র ক্লিকের পর এই ফাংশন কল করবে। `() =>` ভুলে যাওয়া এবং `onClick={alert('click')}` লেখা একটি সাধারণ ভুল, এবং প্রতিবার কম্পোনেন্ট রি-রেন্ডার করার সময় alert কল করবে।
 
-As a next step, we want the Square component to "remember" that it got clicked, and fill it with an "X" mark. To "remember" things, components use **state**.
+পরবর্তী পদক্ষেপ হিসাবে, আমরা চাই  Square কম্পোনেন্টি "মনে রাখুক" যে এটি ক্লিক করা হয়েছে, এবং এটি একটি "X" চিহ্ন দিয়ে পূরণ করুন। জিনিসগুলি "মনে রাখার" জন্য, কম্পোনেন্টগুলি **state** ব্যবহার করে।
 
-React components can have state by setting `this.state` in their constructors. `this.state` should be considered as private to a React component that it's defined in. Let's store the current value of the Square in `this.state`, and change it when the Square is clicked.
+React কম্পোনেন্ট তাদের কনস্ট্রাক্টরগুলিতে `this.state` সেট করার মধ্যামে sate থাকতে পারে। `this.state` React কম্পোনেন্টে ব্যক্তিগত হিসাবে বিবেচনা করা হয়েছে যেখানে এটি সংজ্ঞায়িত করা হয়েছে। চলুন Square এর বর্তমান মান `this.state` এ সংরক্ষণ করি এবং Square এ ক্লিক করা হলে তা পরিবর্তন করি।
+
+প্রথমে, আমাদের state শুরু করার জন্য ক্লাসে এ একটি constructor যুক্ত করতে হবেঃ
 
-First, we'll add a constructor to the class to initialize the state:
 
 ```javascript{2-7}
 class Square extends React.Component {
@@ -291,17 +294,18 @@ class Square extends React.Component {
 }
 ```
 
->Note
+>নোট
 >
->In [JavaScript classes](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes), you need to always call `super` when defining the constructor of a subclass. All React component classes that have a `constructor` should start with a `super(props)` call.
+>[JavaScript classes](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes) এ, সাবক্লাসের কনস্ট্রাক্টর সংজ্ঞায়িত করার সময় আপনাকে সর্বদা `super` কল করতে হবে। সকল React কম্পোনেন্ট 'কনস্ট্রাক্টর' আছে এমন ক্লাসগুলি `super(props)` দিয়ে কল শুরু করা উচিত।
+
+এখন আমরা ক্লিক করার সময় বর্তমান state এর মান প্রদর্শন করতে Square এর `render` পদ্ধতিটি পরিবর্তন করবঃ
 
-Now we'll change the Square's `render` method to display the current state's value when clicked:
 
-* Replace `this.props.value` with `this.state.value` inside the `<button>` tag.
-* Replace the `onClick={...}` event handler with `onClick={() => this.setState({value: 'X'})}`.
-* Put the `className` and `onClick` props on separate lines for better readability.
+* `<button>` ট্যাগের ভিতরে 'this.props.value'- এর পরিবর্তে 'this.state.value' লিখুন।
+* ইভেন্ট হ্যান্ডলারে `onClick={...}` এর পরিবর্তে `onClick={() => this.setState({value: 'X'})}`লিখুন।
+* আরও ভালভাবে পড়ার জন্য  `className` এবং `onClick` prop কে আলাদা লাইনে রাখুন।
 
-After these changes, the `<button>` tag that is returned by the Square's `render` method looks like this:
+এই পরিবর্তনগুলির পরে, Square এর `render` পদ্ধতি থেকে  return  আসা `<button>` ট্যাগটি এই রকম দেখায়:
 
 ```javascript{12-13,15}
 class Square extends React.Component {
@@ -325,11 +329,11 @@ class Square extends React.Component {
 }
 ```
 
-By calling `this.setState` from an `onClick` handler in the Square's `render` method, we tell React to re-render that Square whenever its `<button>` is clicked. After the update, the Square's `this.state.value` will be `'X'`, so we'll see the `X` on the game board. If you click on any Square, an `X` should show up.
+যখনই এর `<button>` ক্লিক করা হয় Square এর `render` পদ্ধতিতে একটি `onClick` হ্যান্ডলার থেকে 'this.setState' কল করে, আমরা React কে সেই Square কে নরায় রেন্ডার করতে বলি। আপডেটের পরে, Square এর this.state.value' হবে 'X', তাই আমরা গেম বোর্ডে 'X' দেখতে পাব।  আপনি যদি কোন Square এ ক্লিক করেন তাহলে একটি 'X' প্রদর্শিত হওয়া উচিত।
 
-When you call `setState` in a component, React automatically updates the child components inside of it too.
+যখন আপনি একটি কম্পোনেন্টে 'setState' কল করেন, React স্বয়ংক্রিয়ভাবে এর অভ্যন্তরের চাইল্ট কম্পোনেন্টগুলিও  আপডেট করে।
 
-**[View the full code at this point](https://codepen.io/gaearon/pen/VbbVLg?editors=0010)**
+**[এখন পর্যন্ত সম্পূর্ণ কোডটি এখানে দেখুন](https://codepen.io/gaearon/pen/VbbVLg?editors=0010)**
 
 ### Developer Tools {#developer-tools}
 

From 72453bd1ef1746675a42593316878ca22fc86020 Mon Sep 17 00:00:00 2001
From: kmdshojib <kmd.shojib123@gmail.com>
Date: Thu, 14 Jul 2022 13:13:33 +0600
Subject: [PATCH 04/28] Dev Tools section transated

---
 content/tutorial/nav.yml     |  2 +-
 content/tutorial/tutorial.md | 18 +++++++++---------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/content/tutorial/nav.yml b/content/tutorial/nav.yml
index 136ac082f..3b545bd8b 100644
--- a/content/tutorial/nav.yml
+++ b/content/tutorial/nav.yml
@@ -52,7 +52,7 @@
           href: /tutorial/tutorial.html#making-an-interactive-component
           forceInternal: true
         - id: developer-tools
-          title: Developer Tools
+          title: ডেভেলপার টুলস
           href: /tutorial/tutorial.html#developer-tools
           forceInternal: true
     - id: completing-the-game
diff --git a/content/tutorial/tutorial.md b/content/tutorial/tutorial.md
index 2acc37713..78c943377 100644
--- a/content/tutorial/tutorial.md
+++ b/content/tutorial/tutorial.md
@@ -335,22 +335,22 @@ class Square extends React.Component {
 
 **[এখন পর্যন্ত সম্পূর্ণ কোডটি এখানে দেখুন](https://codepen.io/gaearon/pen/VbbVLg?editors=0010)**
 
-### Developer Tools {#developer-tools}
+### ডেভেলপার টুলস {#developer-tools}
 
-The React Devtools extension for [Chrome](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en) and [Firefox](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/) lets you inspect a React component tree with your browser's developer tools.
+[Chrome](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en) এবং [Firefox](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/) এর জন্য React Devtools এক্সটেনশন আপনাকে আপনার ব্রাউজারের ডেভেলপার টুলগুলির সাথে একটি React কম্পোনেন্ট ট্রি পরিদর্শন করতে দেয়।
 
 <img src="../images/tutorial/devtools.png" alt="React Devtools" style="max-width: 100%">
 
-The React DevTools let you check the props and the state of your React components.
+React DevTools আপনাকে props আপনার React কম্পোনেন্টের state যাচাই করতে দেইয়।
 
-After installing React DevTools, you can right-click on any element on the page, click "Inspect" to open the developer tools, and the React tabs ("⚛️ Components" and "⚛️ Profiler") will appear as the last tabs to the right. Use "⚛️ Components" to inspect the component tree.
+ React DevTools ইনস্টল করার পরে, আপনি পৃষ্ঠার যে কোনও উপাদানে right-click করতে পারেন, Developer tools ওপেন করার জন্য "Inspect" এ ক্লিক করুন, এবং React ট্যাবগুলি  ("⚛️ Components" এবং  "⚛️ Profiler") ডানদিকের শেষ ট্যাব হিসাবে উপস্থিত হবে। কম্পোনেন্ট ট্রি পরিদর্শন করতে "⚛️ Components" ব্যবহার করুন।
 
-**However, note there are a few extra steps to get it working with CodePen:**
+**যাইহোক, মনে রাখবেন CodePen এ কাজ করার জন্য কয়েকটি অতিরিক্ত পদক্ষেপ রয়েছে:**
 
-1. Log in or register and confirm your email (required to prevent spam).
-2. Click the "Fork" button.
-3. Click "Change View" and then choose "Debug mode".
-4. In the new tab that opens, the devtools should now have a React tab.
+1. লগ ইন করুন বা নিবন্ধন করুন এবং আপনার ইমেলটি নিশ্চিত করুন (স্প্যাম প্রতিরোধের জন্য প্রয়োজনীয়)।
+2. "Fork" বাটনে ক্লিক করুন।
+3. "Change View" এ ক্লিক করুন  and then choose "Debug mode" নির্বাচন করুন।
+4. যে নতুন ট্যাবটি ওপেন হবে তাতে, Devtools এ এখন একটি React ট্যাব থাকা উচিত।
 
 ## Completing the Game {#completing-the-game}
 

From ec9a9c3b527d9dc9e04d9ae804d0a62f973647f7 Mon Sep 17 00:00:00 2001
From: kmdshojib <kmd.shojib123@gmail.com>
Date: Sat, 16 Jul 2022 23:29:35 +0600
Subject: [PATCH 05/28] translated completing-the-game section

---
 .vscode/extensions.json      | 5 +++++
 content/tutorial/nav.yml     | 2 +-
 content/tutorial/tutorial.md | 4 ++--
 3 files changed, 8 insertions(+), 3 deletions(-)
 create mode 100644 .vscode/extensions.json

diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 000000000..0f148de5e
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,5 @@
+{
+    "recommendations": [
+        "esbenp.prettier-vscode"
+    ]
+}
\ No newline at end of file
diff --git a/content/tutorial/nav.yml b/content/tutorial/nav.yml
index 3b545bd8b..3382e0774 100644
--- a/content/tutorial/nav.yml
+++ b/content/tutorial/nav.yml
@@ -56,7 +56,7 @@
           href: /tutorial/tutorial.html#developer-tools
           forceInternal: true
     - id: completing-the-game
-      title: Completing the Game
+      title: গেমটি সম্পূর্ণ করা হচ্ছে
       href: /tutorial/tutorial.html#completing-the-game
       forceInternal: true
       subitems:
diff --git a/content/tutorial/tutorial.md b/content/tutorial/tutorial.md
index 78c943377..b47f073eb 100644
--- a/content/tutorial/tutorial.md
+++ b/content/tutorial/tutorial.md
@@ -352,9 +352,9 @@ React DevTools আপনাকে props আপনার React কম্পোন
 3. "Change View" এ ক্লিক করুন  and then choose "Debug mode" নির্বাচন করুন।
 4. যে নতুন ট্যাবটি ওপেন হবে তাতে, Devtools এ এখন একটি React ট্যাব থাকা উচিত।
 
-## Completing the Game {#completing-the-game}
+## গেমটি সম্পূর্ণ করা হচ্ছে {#completing-the-game}
 
-We now have the basic building blocks for our tic-tac-toe game. To have a complete game, we now need to alternate placing "X"s and "O"s on the board, and we need a way to determine a winner.
+আমাদের কাছে এখন আমাদের টিক-ট্যাক-টো গেমের জন্য মৌলিক বিল্ডিং ব্লক রয়েছে। গেমটি সম্পূর্ণ করার জন্য আমাদের এখন বোর্ডে বিকল্পভাবে "X" এবং "O" বসাতে হবে এবং বিজয়ী নির্ধারণের জন্য আমাদের একটি উপায় প্রয়োজন।
 
 ### Lifting State Up {#lifting-state-up}
 

From 1dfa64df9858a64d0e57cf952d376a501234c320 Mon Sep 17 00:00:00 2001
From: Kamruzaman Shojib <70483595+kmdshojib@users.noreply.github.com>
Date: Tue, 26 Jul 2022 09:31:51 +0600
Subject: [PATCH 06/28] Update content/tutorial/nav.yml

Co-authored-by: Shakib Hossain <3992124+shakib609@users.noreply.github.com>
---
 content/tutorial/nav.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/tutorial/nav.yml b/content/tutorial/nav.yml
index 3382e0774..6c2c90ed6 100644
--- a/content/tutorial/nav.yml
+++ b/content/tutorial/nav.yml
@@ -44,7 +44,7 @@
           href: /tutorial/tutorial.html#inspecting-the-starter-code
           forceInternal: true
         - id: passing-data-through-props
-          title: Props এর মাধ্যমে ডটা পাস করা
+          title: Props এর মাধ্যমে ডাটা পাস করা
           href: /tutorial/tutorial.html#passing-data-through-props
           forceInternal: true
         - id: making-an-interactive-component

From 25515bbb756e998b8dda51ee89e7e71b5e6d021c Mon Sep 17 00:00:00 2001
From: Kamruzaman Shojib <70483595+kmdshojib@users.noreply.github.com>
Date: Tue, 26 Jul 2022 09:32:03 +0600
Subject: [PATCH 07/28] Update content/tutorial/nav.yml

Co-authored-by: Shakib Hossain <3992124+shakib609@users.noreply.github.com>
---
 content/tutorial/nav.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/tutorial/nav.yml b/content/tutorial/nav.yml
index 6c2c90ed6..175016df6 100644
--- a/content/tutorial/nav.yml
+++ b/content/tutorial/nav.yml
@@ -56,7 +56,7 @@
           href: /tutorial/tutorial.html#developer-tools
           forceInternal: true
     - id: completing-the-game
-      title: গেমটি সম্পূর্ণ করা হচ্ছে
+      title: গেমটি সম্পূর্ণ করা
       href: /tutorial/tutorial.html#completing-the-game
       forceInternal: true
       subitems:

From e892af87304f8e361e539054481de7bd0d812dc0 Mon Sep 17 00:00:00 2001
From: Kamruzaman Shojib <70483595+kmdshojib@users.noreply.github.com>
Date: Tue, 26 Jul 2022 09:32:21 +0600
Subject: [PATCH 08/28] Update content/tutorial/tutorial.md

Co-authored-by: Shakib Hossain <3992124+shakib609@users.noreply.github.com>
---
 content/tutorial/tutorial.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/tutorial/tutorial.md b/content/tutorial/tutorial.md
index b47f073eb..348e182fa 100644
--- a/content/tutorial/tutorial.md
+++ b/content/tutorial/tutorial.md
@@ -186,7 +186,7 @@ Square কম্পোনেন্টটি একটিমাত্র `<button
 
 ### Props এর মাধ্যমে ডটা পাস করা {#passing-data-through-props}
 
-প্রথমে আমাদের শুরু করার জন্য চলুন আমরা Board কম্পোনেন্ট থেকে Square কম্পোনেন্টে কিছু ডটা পাস করি।
+প্রথমে শুরু করার জন্য চলুন আমরা Board কম্পোনেন্ট থেকে Square কম্পোনেন্টে কিছু ডাটা পাস করি।
 
 আমরা দৃঢ়ভাবে পরামর্শ দেই আপনি টিউটোরিয়ালের মাধ্যমে কাজ করছেন এবং শুধু কপি/পেস্ট করছেন না। এটি আপনার পেশী স্মৃতি এবং খুব ভালভাবে বোঝার বিকাশে সহায়তা করবে।
 

From 378545c74b58efd5af3be431053c9f1a26202c64 Mon Sep 17 00:00:00 2001
From: Kamruzaman Shojib <70483595+kmdshojib@users.noreply.github.com>
Date: Tue, 26 Jul 2022 09:32:35 +0600
Subject: [PATCH 09/28] Update content/tutorial/tutorial.md

Co-authored-by: Shakib Hossain <3992124+shakib609@users.noreply.github.com>
---
 content/tutorial/tutorial.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/tutorial/tutorial.md b/content/tutorial/tutorial.md
index 348e182fa..9bb96350a 100644
--- a/content/tutorial/tutorial.md
+++ b/content/tutorial/tutorial.md
@@ -329,7 +329,7 @@ class Square extends React.Component {
 }
 ```
 
-যখনই এর `<button>` ক্লিক করা হয় Square এর `render` পদ্ধতিতে একটি `onClick` হ্যান্ডলার থেকে 'this.setState' কল করে, আমরা React কে সেই Square কে নরায় রেন্ডার করতে বলি। আপডেটের পরে, Square এর this.state.value' হবে 'X', তাই আমরা গেম বোর্ডে 'X' দেখতে পাব।  আপনি যদি কোন Square এ ক্লিক করেন তাহলে একটি 'X' প্রদর্শিত হওয়া উচিত।
+যখনই এর `<button>` ক্লিক করা হয় Square এর `render` পদ্ধতিতে একটি `onClick` হ্যান্ডলার থেকে `this.setState` কল করে, আমরা React কে সেই Square কে পুনরায় রেন্ডার করতে বলি। আপডেটের পরে, Square এর `this.state.value` হবে `'X'`, তাই আমরা গেম বোর্ডে `X` দেখতে পাব।  আপনি যদি কোন Square এ ক্লিক করেন তাহলে একটি `X` প্রদর্শিত হওয়া উচিত।
 
 যখন আপনি একটি কম্পোনেন্টে 'setState' কল করেন, React স্বয়ংক্রিয়ভাবে এর অভ্যন্তরের চাইল্ট কম্পোনেন্টগুলিও  আপডেট করে।
 

From 2aa42b53280959f49c8ccaeb025ec06cac654e03 Mon Sep 17 00:00:00 2001
From: Kamruzaman Shojib <70483595+kmdshojib@users.noreply.github.com>
Date: Tue, 26 Jul 2022 09:36:05 +0600
Subject: [PATCH 10/28] Update content/tutorial/tutorial.md

Co-authored-by: Shakib Hossain <3992124+shakib609@users.noreply.github.com>
---
 content/tutorial/tutorial.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/tutorial/tutorial.md b/content/tutorial/tutorial.md
index 9bb96350a..030cb7eb5 100644
--- a/content/tutorial/tutorial.md
+++ b/content/tutorial/tutorial.md
@@ -184,7 +184,7 @@ JSX জাভাস্ক্রিপ্টের পরিপূর্ণ ব
 
 Square কম্পোনেন্টটি একটিমাত্র `<button>` রেন্ডার করে এবং Board রেন্ডার করে ৯টি স্কোয়ার। Game কম্পোনেন্টটি placeholder ভ্যালুসহ একটি বোর্ড রেন্ডার করে যেটা আমরা পরে পরিবর্তন করব। বর্তমানে এখানে কোনো ইন্টার‌্যাক্টিভ কম্পোনেন্ট নেই।
 
-### Props এর মাধ্যমে ডটা পাস করা {#passing-data-through-props}
+### Props এর মাধ্যমে ডাটা পাস করা {#passing-data-through-props}
 
 প্রথমে শুরু করার জন্য চলুন আমরা Board কম্পোনেন্ট থেকে Square কম্পোনেন্টে কিছু ডাটা পাস করি।
 

From 5d935701e21545caca3ddc16285dc712f5342707 Mon Sep 17 00:00:00 2001
From: Kamruzaman Shojib <70483595+kmdshojib@users.noreply.github.com>
Date: Tue, 26 Jul 2022 09:36:14 +0600
Subject: [PATCH 11/28] Update content/tutorial/tutorial.md

Co-authored-by: Shakib Hossain <3992124+shakib609@users.noreply.github.com>
---
 content/tutorial/tutorial.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/tutorial/tutorial.md b/content/tutorial/tutorial.md
index 030cb7eb5..d0fd4100f 100644
--- a/content/tutorial/tutorial.md
+++ b/content/tutorial/tutorial.md
@@ -331,7 +331,7 @@ class Square extends React.Component {
 
 যখনই এর `<button>` ক্লিক করা হয় Square এর `render` পদ্ধতিতে একটি `onClick` হ্যান্ডলার থেকে `this.setState` কল করে, আমরা React কে সেই Square কে পুনরায় রেন্ডার করতে বলি। আপডেটের পরে, Square এর `this.state.value` হবে `'X'`, তাই আমরা গেম বোর্ডে `X` দেখতে পাব।  আপনি যদি কোন Square এ ক্লিক করেন তাহলে একটি `X` প্রদর্শিত হওয়া উচিত।
 
-যখন আপনি একটি কম্পোনেন্টে 'setState' কল করেন, React স্বয়ংক্রিয়ভাবে এর অভ্যন্তরের চাইল্ট কম্পোনেন্টগুলিও  আপডেট করে।
+যখন আপনি একটি কম্পোনেন্টে `setState` কল করেন, React স্বয়ংক্রিয়ভাবে এর অভ্যন্তরের চাইল্ড কম্পোনেন্টগুলিও আপডেট করে।
 
 **[এখন পর্যন্ত সম্পূর্ণ কোডটি এখানে দেখুন](https://codepen.io/gaearon/pen/VbbVLg?editors=0010)**
 

From d1ef560cfee5a82a375d569b276852196f9cdc51 Mon Sep 17 00:00:00 2001
From: Kamruzaman Shojib <70483595+kmdshojib@users.noreply.github.com>
Date: Tue, 26 Jul 2022 09:36:33 +0600
Subject: [PATCH 12/28] Update content/tutorial/tutorial.md

Co-authored-by: Shakib Hossain <3992124+shakib609@users.noreply.github.com>
---
 content/tutorial/tutorial.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/tutorial/tutorial.md b/content/tutorial/tutorial.md
index d0fd4100f..a09f16a16 100644
--- a/content/tutorial/tutorial.md
+++ b/content/tutorial/tutorial.md
@@ -190,7 +190,7 @@ Square কম্পোনেন্টটি একটিমাত্র `<button
 
 আমরা দৃঢ়ভাবে পরামর্শ দেই আপনি টিউটোরিয়ালের মাধ্যমে কাজ করছেন এবং শুধু কপি/পেস্ট করছেন না। এটি আপনার পেশী স্মৃতি এবং খুব ভালভাবে বোঝার বিকাশে সহায়তা করবে।
 
-Board এর `renderSquare` মেথডটিতে Square `value` নামক Prop পাস করার জন্য কোড পরবর্তন করুনঃ
+Board এর `renderSquare` মেথডটিতে Square এ `value` নামক Prop পাস করার জন্য কোড পরবর্তন করুনঃ
 
 ```js{3}
 class Board extends React.Component {

From 39db59c192aac36e0ce3ccd17872635f3d269559 Mon Sep 17 00:00:00 2001
From: Kamruzaman Shojib <70483595+kmdshojib@users.noreply.github.com>
Date: Tue, 26 Jul 2022 09:36:44 +0600
Subject: [PATCH 13/28] Update content/tutorial/tutorial.md

Co-authored-by: Shakib Hossain <3992124+shakib609@users.noreply.github.com>
---
 content/tutorial/tutorial.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/tutorial/tutorial.md b/content/tutorial/tutorial.md
index a09f16a16..4189f6ae0 100644
--- a/content/tutorial/tutorial.md
+++ b/content/tutorial/tutorial.md
@@ -341,7 +341,7 @@ class Square extends React.Component {
 
 <img src="../images/tutorial/devtools.png" alt="React Devtools" style="max-width: 100%">
 
-React DevTools আপনাকে props আপনার React কম্পোনেন্টের state যাচাই করতে দেইয়।
+React DevTools আপনাকে props এবং আপনার React কম্পোনেন্টের state যাচাই করতে দেয়।
 
  React DevTools ইনস্টল করার পরে, আপনি পৃষ্ঠার যে কোনও উপাদানে right-click করতে পারেন, Developer tools ওপেন করার জন্য "Inspect" এ ক্লিক করুন, এবং React ট্যাবগুলি  ("⚛️ Components" এবং  "⚛️ Profiler") ডানদিকের শেষ ট্যাব হিসাবে উপস্থিত হবে। কম্পোনেন্ট ট্রি পরিদর্শন করতে "⚛️ Components" ব্যবহার করুন।
 

From 6840f84562f83b6e92c4b5c2103dc8d876ac7747 Mon Sep 17 00:00:00 2001
From: Kamruzaman Shojib <70483595+kmdshojib@users.noreply.github.com>
Date: Tue, 26 Jul 2022 09:37:03 +0600
Subject: [PATCH 14/28] Update content/tutorial/tutorial.md

Co-authored-by: Shakib Hossain <3992124+shakib609@users.noreply.github.com>
---
 content/tutorial/tutorial.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/tutorial/tutorial.md b/content/tutorial/tutorial.md
index 4189f6ae0..6b9270911 100644
--- a/content/tutorial/tutorial.md
+++ b/content/tutorial/tutorial.md
@@ -343,7 +343,7 @@ class Square extends React.Component {
 
 React DevTools আপনাকে props এবং আপনার React কম্পোনেন্টের state যাচাই করতে দেয়।
 
- React DevTools ইনস্টল করার পরে, আপনি পৃষ্ঠার যে কোনও উপাদানে right-click করতে পারেন, Developer tools ওপেন করার জন্য "Inspect" এ ক্লিক করুন, এবং React ট্যাবগুলি  ("⚛️ Components" এবং  "⚛️ Profiler") ডানদিকের শেষ ট্যাব হিসাবে উপস্থিত হবে। কম্পোনেন্ট ট্রি পরিদর্শন করতে "⚛️ Components" ব্যবহার করুন।
+React DevTools ইনস্টল করার পরে, আপনি পৃষ্ঠার যে কোনও উপাদানে right-click করতে পারেন, Developer tools ওপেন করার জন্য "Inspect" এ ক্লিক করুন, এবং React ট্যাবগুলি  ("⚛️ Components" এবং  "⚛️ Profiler") ডানদিকের শেষ ট্যাব হিসাবে উপস্থিত হবে। কম্পোনেন্ট ট্রি পরিদর্শন করতে "⚛️ Components" ব্যবহার করুন।
 
 **যাইহোক, মনে রাখবেন CodePen এ কাজ করার জন্য কয়েকটি অতিরিক্ত পদক্ষেপ রয়েছে:**
 

From 57e8c2936b1e787b9d4b32772bc34c638471acb4 Mon Sep 17 00:00:00 2001
From: Kamruzaman Shojib <70483595+kmdshojib@users.noreply.github.com>
Date: Tue, 26 Jul 2022 09:37:10 +0600
Subject: [PATCH 15/28] Update content/tutorial/tutorial.md

Co-authored-by: Shakib Hossain <3992124+shakib609@users.noreply.github.com>
---
 content/tutorial/tutorial.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/tutorial/tutorial.md b/content/tutorial/tutorial.md
index 6b9270911..ea9987791 100644
--- a/content/tutorial/tutorial.md
+++ b/content/tutorial/tutorial.md
@@ -349,7 +349,7 @@ React DevTools ইনস্টল করার পরে, আপনি পৃষ
 
 1. লগ ইন করুন বা নিবন্ধন করুন এবং আপনার ইমেলটি নিশ্চিত করুন (স্প্যাম প্রতিরোধের জন্য প্রয়োজনীয়)।
 2. "Fork" বাটনে ক্লিক করুন।
-3. "Change View" এ ক্লিক করুন  and then choose "Debug mode" নির্বাচন করুন।
+3. "Change View" এ ক্লিক করুন এবং "Debug mode" নির্বাচন করুন।
 4. যে নতুন ট্যাবটি ওপেন হবে তাতে, Devtools এ এখন একটি React ট্যাব থাকা উচিত।
 
 ## গেমটি সম্পূর্ণ করা হচ্ছে {#completing-the-game}

From e145481566b7808a691db032cd4a7d259de1088e Mon Sep 17 00:00:00 2001
From: Kamruzaman Shojib <70483595+kmdshojib@users.noreply.github.com>
Date: Tue, 26 Jul 2022 09:37:31 +0600
Subject: [PATCH 16/28] Update content/tutorial/tutorial.md

Co-authored-by: Shakib Hossain <3992124+shakib609@users.noreply.github.com>
---
 content/tutorial/tutorial.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/tutorial/tutorial.md b/content/tutorial/tutorial.md
index ea9987791..f42f53ba2 100644
--- a/content/tutorial/tutorial.md
+++ b/content/tutorial/tutorial.md
@@ -200,7 +200,7 @@ class Board extends React.Component {
 }
 ```
 
- Square এর `render` method পরিবর্তন করে সেই value কে  `{/* TODO */}` এর পরিবর্তে  `{this.props.value}` দিয়ে দেখান:
+ Square এর `render` method পরিবর্তন করে সেই value কে  `{/* TODO */}` এর পরিবর্তে  `{this.props.value}` দিয়ে প্রতিস্থাপিত করুনঃ
 
 ```js{5}
 class Square extends React.Component {

From 03ee80fc0f905d99777868606773f08ecbef7807 Mon Sep 17 00:00:00 2001
From: Kamruzaman Shojib <70483595+kmdshojib@users.noreply.github.com>
Date: Tue, 26 Jul 2022 09:37:54 +0600
Subject: [PATCH 17/28] Update content/tutorial/tutorial.md

Co-authored-by: Shakib Hossain <3992124+shakib609@users.noreply.github.com>
---
 content/tutorial/tutorial.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/tutorial/tutorial.md b/content/tutorial/tutorial.md
index f42f53ba2..a7bfdb5a2 100644
--- a/content/tutorial/tutorial.md
+++ b/content/tutorial/tutorial.md
@@ -214,7 +214,7 @@ class Square extends React.Component {
 }
 ```
 
-আগে:
+আগেঃ
 
 ![React Devtools](../images/tutorial/tictac-empty.png)
 

From a978c01650149c7dc20ac8e6cd502ddc962d402b Mon Sep 17 00:00:00 2001
From: Kamruzaman Shojib <70483595+kmdshojib@users.noreply.github.com>
Date: Tue, 26 Jul 2022 09:38:23 +0600
Subject: [PATCH 18/28] Update content/tutorial/tutorial.md

Co-authored-by: Shakib Hossain <3992124+shakib609@users.noreply.github.com>
---
 content/tutorial/tutorial.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/content/tutorial/tutorial.md b/content/tutorial/tutorial.md
index a7bfdb5a2..7d663e913 100644
--- a/content/tutorial/tutorial.md
+++ b/content/tutorial/tutorial.md
@@ -220,7 +220,6 @@ class Square extends React.Component {
 
 পরে: Render করা আউটপুটের প্রতিটি Square এ আপনি একটি একটি সংখ্যা দেখতে পাবেন।
 
-
 ![React Devtools](../images/tutorial/tictac-numbers.png)
 
 **[এখন পর্যন্ত সম্পূর্ণ কোডটি এখানে দেখুন](https://codepen.io/gaearon/pen/aWWQOG?editors=0010)**

From 32d021734c4cc59329cb0052490d8d62eb3d1e4c Mon Sep 17 00:00:00 2001
From: Kamruzaman Shojib <70483595+kmdshojib@users.noreply.github.com>
Date: Tue, 26 Jul 2022 09:38:38 +0600
Subject: [PATCH 19/28] Update content/tutorial/tutorial.md

Co-authored-by: Shakib Hossain <3992124+shakib609@users.noreply.github.com>
---
 content/tutorial/tutorial.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/tutorial/tutorial.md b/content/tutorial/tutorial.md
index 7d663e913..104b37b9a 100644
--- a/content/tutorial/tutorial.md
+++ b/content/tutorial/tutorial.md
@@ -218,7 +218,7 @@ class Square extends React.Component {
 
 ![React Devtools](../images/tutorial/tictac-empty.png)
 
-পরে: Render করা আউটপুটের প্রতিটি Square এ আপনি একটি একটি সংখ্যা দেখতে পাবেন।
+পরেঃ Render করা আউটপুটের প্রতিটি Square এ আপনি একটি একটি সংখ্যা দেখতে পাবেন।
 
 ![React Devtools](../images/tutorial/tictac-numbers.png)
 

From 2f36673f438f95574715a4ba5fb83b93999b1f9e Mon Sep 17 00:00:00 2001
From: Kamruzaman Shojib <70483595+kmdshojib@users.noreply.github.com>
Date: Tue, 26 Jul 2022 09:39:14 +0600
Subject: [PATCH 20/28] Update content/tutorial/tutorial.md

Co-authored-by: Shakib Hossain <3992124+shakib609@users.noreply.github.com>
---
 content/tutorial/tutorial.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/tutorial/tutorial.md b/content/tutorial/tutorial.md
index 104b37b9a..8ffb752c0 100644
--- a/content/tutorial/tutorial.md
+++ b/content/tutorial/tutorial.md
@@ -225,7 +225,7 @@ class Square extends React.Component {
 **[এখন পর্যন্ত সম্পূর্ণ কোডটি এখানে দেখুন](https://codepen.io/gaearon/pen/aWWQOG?editors=0010)**
 
 
-অভিনন্দন! অপনি পেরেন্ট Board কম্পোনেন্ট থেকে চাইল্ড Square কম্পোনেন্টে prop পাস করেছেন। Prop পাসিং এর মাধ্যেমে React অ্যাপ্লিকেশনে এভাবেই পেরেন্ট থেকে চাইল্ডে তথ্য প্রবাহিত হয়।
+অভিনন্দন! আপনি পেরেন্ট Board কম্পোনেন্ট থেকে চাইল্ড Square কম্পোনেন্টে prop পাস করেছেন। Prop পাসিং এর মাধ্যেমে React অ্যাপ্লিকেশনে এভাবেই পেরেন্ট থেকে চাইল্ডে তথ্য প্রবাহিত হয়।
 
 
 ###  একটি ইন্টারেক্টিভ কম্পোনেন্ট তৈরি করা {#making-an-interactive-component}

From 5c3c1fdf03c330ea5021c3045c66203768a9fd96 Mon Sep 17 00:00:00 2001
From: Kamruzaman Shojib <70483595+kmdshojib@users.noreply.github.com>
Date: Tue, 26 Jul 2022 09:39:36 +0600
Subject: [PATCH 21/28] Update content/tutorial/tutorial.md

Co-authored-by: Shakib Hossain <3992124+shakib609@users.noreply.github.com>
---
 content/tutorial/tutorial.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/content/tutorial/tutorial.md b/content/tutorial/tutorial.md
index 8ffb752c0..fbff25ce3 100644
--- a/content/tutorial/tutorial.md
+++ b/content/tutorial/tutorial.md
@@ -224,7 +224,6 @@ class Square extends React.Component {
 
 **[এখন পর্যন্ত সম্পূর্ণ কোডটি এখানে দেখুন](https://codepen.io/gaearon/pen/aWWQOG?editors=0010)**
 
-
 অভিনন্দন! আপনি পেরেন্ট Board কম্পোনেন্ট থেকে চাইল্ড Square কম্পোনেন্টে prop পাস করেছেন। Prop পাসিং এর মাধ্যেমে React অ্যাপ্লিকেশনে এভাবেই পেরেন্ট থেকে চাইল্ডে তথ্য প্রবাহিত হয়।
 
 

From 80aa4e2251d0aaeb55e94a2463f6988556e7656f Mon Sep 17 00:00:00 2001
From: Kamruzaman Shojib <70483595+kmdshojib@users.noreply.github.com>
Date: Tue, 26 Jul 2022 09:39:49 +0600
Subject: [PATCH 22/28] Update content/tutorial/tutorial.md

Co-authored-by: Shakib Hossain <3992124+shakib609@users.noreply.github.com>
---
 content/tutorial/tutorial.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/content/tutorial/tutorial.md b/content/tutorial/tutorial.md
index fbff25ce3..7b10f63a7 100644
--- a/content/tutorial/tutorial.md
+++ b/content/tutorial/tutorial.md
@@ -247,7 +247,6 @@ class Square extends React.Component {
 
 এখন আপনি Square ক্লিক করলে, আপনি আপনার ব্রাউজারে alert দেখতে পারবেন।
 
-
 >নোট
 >
 > টাইপিং কমানোর জন্য এবং [`this` এর বিভ্রান্তিকর আচরণ এড়াতে](https://yehudakatz.com/2011/08/11/understanding-javascript-function-invocation-and-this/), আমরা এখানে এবং নীচে আরও ইভেন্ট হ্যান্ডলারদের জন্য  [arrow function সিনট্যাক্স ](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions) ব্যবহার করব:

From cb23033bf86d7d95ec4c37e2ceb45b575a82af88 Mon Sep 17 00:00:00 2001
From: Kamruzaman Shojib <70483595+kmdshojib@users.noreply.github.com>
Date: Tue, 26 Jul 2022 09:42:36 +0600
Subject: [PATCH 23/28] Update content/tutorial/tutorial.md

Co-authored-by: Shakib Hossain <3992124+shakib609@users.noreply.github.com>
---
 content/tutorial/tutorial.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/tutorial/tutorial.md b/content/tutorial/tutorial.md
index 7b10f63a7..a04cfa9bb 100644
--- a/content/tutorial/tutorial.md
+++ b/content/tutorial/tutorial.md
@@ -298,7 +298,7 @@ class Square extends React.Component {
 এখন আমরা ক্লিক করার সময় বর্তমান state এর মান প্রদর্শন করতে Square এর `render` পদ্ধতিটি পরিবর্তন করবঃ
 
 
-* `<button>` ট্যাগের ভিতরে 'this.props.value'- এর পরিবর্তে 'this.state.value' লিখুন।
+* `<button>` ট্যাগের ভিতরে `this.props.value`- এর পরিবর্তে `this.state.value` লিখুন।
 * ইভেন্ট হ্যান্ডলারে `onClick={...}` এর পরিবর্তে `onClick={() => this.setState({value: 'X'})}`লিখুন।
 * আরও ভালভাবে পড়ার জন্য  `className` এবং `onClick` prop কে আলাদা লাইনে রাখুন।
 

From 0e19bdd1ff7e8614103dd87cf3766e0eec0c8728 Mon Sep 17 00:00:00 2001
From: Kamruzaman Shojib <70483595+kmdshojib@users.noreply.github.com>
Date: Tue, 26 Jul 2022 09:43:02 +0600
Subject: [PATCH 24/28] Update content/tutorial/tutorial.md

Co-authored-by: Shakib Hossain <3992124+shakib609@users.noreply.github.com>
---
 content/tutorial/tutorial.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/tutorial/tutorial.md b/content/tutorial/tutorial.md
index a04cfa9bb..7d9603eec 100644
--- a/content/tutorial/tutorial.md
+++ b/content/tutorial/tutorial.md
@@ -249,7 +249,7 @@ class Square extends React.Component {
 
 >নোট
 >
-> টাইপিং কমানোর জন্য এবং [`this` এর বিভ্রান্তিকর আচরণ এড়াতে](https://yehudakatz.com/2011/08/11/understanding-javascript-function-invocation-and-this/), আমরা এখানে এবং নীচে আরও ইভেন্ট হ্যান্ডলারদের জন্য  [arrow function সিনট্যাক্স ](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions) ব্যবহার করব:
+> টাইপিং কমানোর জন্য এবং [`this` এর বিভ্রান্তিকর আচরণ এড়াতে](https://yehudakatz.com/2011/08/11/understanding-javascript-function-invocation-and-this/), আমরা এখানে এবং নীচে আরও ইভেন্ট হ্যান্ডলারদের জন্য [arrow function সিনট্যাক্স](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions) ব্যবহার করবঃ
 >
 >```javascript{4}
 >class Square extends React.Component {

From 3ccbfaae243fc06b301c0b642b11b6744c1d496e Mon Sep 17 00:00:00 2001
From: Kamruzaman Shojib <70483595+kmdshojib@users.noreply.github.com>
Date: Tue, 26 Jul 2022 09:43:46 +0600
Subject: [PATCH 25/28] Update content/tutorial/tutorial.md

Co-authored-by: Shakib Hossain <3992124+shakib609@users.noreply.github.com>
---
 content/tutorial/tutorial.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/tutorial/tutorial.md b/content/tutorial/tutorial.md
index 7d9603eec..8d3c51251 100644
--- a/content/tutorial/tutorial.md
+++ b/content/tutorial/tutorial.md
@@ -267,7 +267,7 @@ class Square extends React.Component {
 
 পরবর্তী পদক্ষেপ হিসাবে, আমরা চাই  Square কম্পোনেন্টি "মনে রাখুক" যে এটি ক্লিক করা হয়েছে, এবং এটি একটি "X" চিহ্ন দিয়ে পূরণ করুন। জিনিসগুলি "মনে রাখার" জন্য, কম্পোনেন্টগুলি **state** ব্যবহার করে।
 
-React কম্পোনেন্ট তাদের কনস্ট্রাক্টরগুলিতে `this.state` সেট করার মধ্যামে sate থাকতে পারে। `this.state` React কম্পোনেন্টে ব্যক্তিগত হিসাবে বিবেচনা করা হয়েছে যেখানে এটি সংজ্ঞায়িত করা হয়েছে। চলুন Square এর বর্তমান মান `this.state` এ সংরক্ষণ করি এবং Square এ ক্লিক করা হলে তা পরিবর্তন করি।
+React কম্পোনেন্টে তাদের কনস্ট্রাক্টরগুলিতে `this.state` সেট করার মধ্যামে state থাকতে পারে। `this.state` React কম্পোনেন্টে ব্যক্তিগত হিসাবে বিবেচনা করা হয়েছে যেখানে এটি সংজ্ঞায়িত করা হয়েছে। চলুন Square এর বর্তমান মান `this.state` এ সংরক্ষণ করি এবং Square এ ক্লিক করা হলে তা পরিবর্তন করি।
 
 প্রথমে, আমাদের state শুরু করার জন্য ক্লাসে এ একটি constructor যুক্ত করতে হবেঃ
 

From 6bd88abd4a8791c39ef55f2fc9bb65cca2ea9393 Mon Sep 17 00:00:00 2001
From: Kamruzaman Shojib <70483595+kmdshojib@users.noreply.github.com>
Date: Tue, 26 Jul 2022 09:43:57 +0600
Subject: [PATCH 26/28] Update content/tutorial/tutorial.md

Co-authored-by: Shakib Hossain <3992124+shakib609@users.noreply.github.com>
---
 content/tutorial/tutorial.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/tutorial/tutorial.md b/content/tutorial/tutorial.md
index 8d3c51251..c613cd938 100644
--- a/content/tutorial/tutorial.md
+++ b/content/tutorial/tutorial.md
@@ -265,7 +265,7 @@ class Square extends React.Component {
 >
 >লক্ষ্য করুন কিভাবে `onClick={() => alert('click')}` দিয়ে, আমরা একটি ফাংশনকে `onClick` prop হিসেবে পাস করছি। React শুধুমাত্র ক্লিকের পর এই ফাংশন কল করবে। `() =>` ভুলে যাওয়া এবং `onClick={alert('click')}` লেখা একটি সাধারণ ভুল, এবং প্রতিবার কম্পোনেন্ট রি-রেন্ডার করার সময় alert কল করবে।
 
-পরবর্তী পদক্ষেপ হিসাবে, আমরা চাই  Square কম্পোনেন্টি "মনে রাখুক" যে এটি ক্লিক করা হয়েছে, এবং এটি একটি "X" চিহ্ন দিয়ে পূরণ করুন। জিনিসগুলি "মনে রাখার" জন্য, কম্পোনেন্টগুলি **state** ব্যবহার করে।
+পরবর্তী পদক্ষেপ হিসাবে, আমরা চাই  Square কম্পোনেন্টটি "মনে রাখুক" যে এটি ক্লিক করা হয়েছে, এবং এটি একটি "X" চিহ্ন দিয়ে পূরণ করুন। জিনিসগুলি "মনে রাখার" জন্য, কম্পোনেন্টগুলি **state** ব্যবহার করে।
 
 React কম্পোনেন্টে তাদের কনস্ট্রাক্টরগুলিতে `this.state` সেট করার মধ্যামে state থাকতে পারে। `this.state` React কম্পোনেন্টে ব্যক্তিগত হিসাবে বিবেচনা করা হয়েছে যেখানে এটি সংজ্ঞায়িত করা হয়েছে। চলুন Square এর বর্তমান মান `this.state` এ সংরক্ষণ করি এবং Square এ ক্লিক করা হলে তা পরিবর্তন করি।
 

From 9c8d016e0d7609a965d1dbd92d4519efad6bc0b3 Mon Sep 17 00:00:00 2001
From: Kamruzaman Shojib <70483595+kmdshojib@users.noreply.github.com>
Date: Tue, 26 Jul 2022 09:44:07 +0600
Subject: [PATCH 27/28] Update content/tutorial/tutorial.md

Co-authored-by: Shakib Hossain <3992124+shakib609@users.noreply.github.com>
---
 content/tutorial/tutorial.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/content/tutorial/tutorial.md b/content/tutorial/tutorial.md
index c613cd938..58933294b 100644
--- a/content/tutorial/tutorial.md
+++ b/content/tutorial/tutorial.md
@@ -297,7 +297,6 @@ class Square extends React.Component {
 
 এখন আমরা ক্লিক করার সময় বর্তমান state এর মান প্রদর্শন করতে Square এর `render` পদ্ধতিটি পরিবর্তন করবঃ
 
-
 * `<button>` ট্যাগের ভিতরে `this.props.value`- এর পরিবর্তে `this.state.value` লিখুন।
 * ইভেন্ট হ্যান্ডলারে `onClick={...}` এর পরিবর্তে `onClick={() => this.setState({value: 'X'})}`লিখুন।
 * আরও ভালভাবে পড়ার জন্য  `className` এবং `onClick` prop কে আলাদা লাইনে রাখুন।

From fb72a50ec1d4a9562605127a1a8393a9db23fb96 Mon Sep 17 00:00:00 2001
From: Kamruzaman Shojib <70483595+kmdshojib@users.noreply.github.com>
Date: Tue, 26 Jul 2022 09:46:33 +0600
Subject: [PATCH 28/28] Delete extensions.json

---
 .vscode/extensions.json | 5 -----
 1 file changed, 5 deletions(-)
 delete mode 100644 .vscode/extensions.json

diff --git a/.vscode/extensions.json b/.vscode/extensions.json
deleted file mode 100644
index 0f148de5e..000000000
--- a/.vscode/extensions.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-    "recommendations": [
-        "esbenp.prettier-vscode"
-    ]
-}
\ No newline at end of file