From d70bdc9cea31fa8ce4fce9133aa625e122f98505 Mon Sep 17 00:00:00 2001
From: Ayar Hlaine <ayarhlaine.dev@gmail.com>
Date: Sat, 30 May 2020 22:26:01 +0630
Subject: [PATCH 01/13] Translated a simple component (Home Page)

---
 content/home/examples/a-simple-component.md         | 6 +++---
 content/home/marketing/learn-once-write-anywhere.md | 2 +-
 src/pages/index.js                                  | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/content/home/examples/a-simple-component.md b/content/home/examples/a-simple-component.md
index d791856d4..20ca89dd9 100644
--- a/content/home/examples/a-simple-component.md
+++ b/content/home/examples/a-simple-component.md
@@ -1,9 +1,9 @@
 ---
-title: A Simple Component
+title: ရိုးရှင်းသော Component တစ်ခု
 order: 0
 domid: hello-example
 ---
 
-React components implement a `render()` method that takes input data and returns what to display. This example uses an XML-like syntax called JSX. Input data that is passed into the component can be accessed by `render()` via `this.props`.
+React components တွေမှာဆိုရင် `render()` လိုခေါ်တဲဲ့ input data တွေကိုလက်ခံပြီး ဘယ်လို output တွေပြန်ပြပေးမယ် ဆိုတဲ့ method တစ်ခုပါဝင်ပါတယ်။ယခုပြသထားသော ဉပမာဟာဆိုရင်ဖြင့် JSX ဟုခေါ်သော XML ပုံစံရေးသားနည်းကို အသုံးပြုထားပါတယ်။ Component ဆီသို့ပေးပို့ထားသော input data များကို `render()` method ကနေ ခေါ်သုံးချင်တယ် ဆိုရင်တော့ `this.props` ကနေတစ်ဆင့် အသုံးပြုနိုင်ပါတယ်။
 
-**JSX is optional and not required to use React.** Try the [Babel REPL](babel://es5-syntax-example) to see the raw JavaScript code produced by the JSX compilation step.
+**JSX is optional and not required to use React.** JSX မှတစ်ဆင့် compile လုပ်ပြီး Raw Javascript code တွေမည်သို့မည်ပုံရရှိလာသည်ကို သိရှိလိုပါက [Babel REPL](babel://es5-syntax-example) တွင်စမ်းသပ်နိုင်ပါသည်။
diff --git a/content/home/marketing/learn-once-write-anywhere.md b/content/home/marketing/learn-once-write-anywhere.md
index b2d37f83d..2f93e1b01 100644
--- a/content/home/marketing/learn-once-write-anywhere.md
+++ b/content/home/marketing/learn-once-write-anywhere.md
@@ -5,4 +5,4 @@ order: 2
 
 We don't make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code.
 
-React can also render on the server using Node and power mobile apps using [React Native](https://reactnative.dev/).
+React နည်းပညာဟာဆိုရင်ဖြင့် Node ကိုအသုံးပြု့ထားသော  ဆာဗာများပေါ်တွင် အလုပ်လုပ်နိုင်ရုံသာမက မိုဘိုင်လ်နည်းပညာအတွက် [React Native](https://reactnative.dev/) ကိုအသုံးပြုနိင်ပါတယ်။
diff --git a/src/pages/index.js b/src/pages/index.js
index b5dd5c1c1..1953f0308 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -151,12 +151,12 @@ class Home extends Component {
                       <ButtonLink
                         to="/docs/getting-started.html"
                         type="primary">
-                        Get Started
+                        စတင်ရန်
                       </ButtonLink>
                     </CtaItem>
                     <CtaItem>
                       <ButtonLink to="/tutorial/tutorial.html" type="secondary">
-                        Take the Tutorial
+                        သင်ခန်းစာဖြင့်စတင်ရန်
                       </ButtonLink>
                     </CtaItem>
                   </Flex>

From 905bd72a06da111be8b6ef749ad638249c6e79dc Mon Sep 17 00:00:00 2001
From: Ayar Hlaine <ayarhlaine.dev@gmail.com>
Date: Sat, 30 May 2020 22:42:00 +0630
Subject: [PATCH 02/13] Translated A Component Using External Plugins

---
 content/home/examples/a-component-using-external-plugins.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/content/home/examples/a-component-using-external-plugins.md b/content/home/examples/a-component-using-external-plugins.md
index 1c50c8718..6e459953d 100644
--- a/content/home/examples/a-component-using-external-plugins.md
+++ b/content/home/examples/a-component-using-external-plugins.md
@@ -1,7 +1,7 @@
 ---
-title: A Component Using External Plugins
+title: Enternal Plugins များကို အသုံးပြု့ထားသော Component တစ်ခု
 order: 3
 domid: markdown-example
 ---
 
-React allows you to interface with other libraries and frameworks. This example uses **remarkable**, an external Markdown library, to convert the `<textarea>`'s value in real time.
+React ဟာဆိုရင်ဖြင့် အခြားသော libraries များ၊ အခြားသော frameworks နှင့်လည်းပေါင်းစပ်လုပ်ဆောင်နိုင်ပါတယ်။ ယခု ဉပမာဟာဆိုရင်ဖြင့် external Markdown library တစ်ခု့ဖြစ်တဲ့ **remarkable** ကို အသုံးပြု့ထားပီးတော့ `<textarea>` ရဲ့ value ကို real time output အနေနဲ့ပြန်လည်ဖော်ပြပေးပါတယ်။

From 5909720ca7a9fd791525e3f978f435289f0e55d4 Mon Sep 17 00:00:00 2001
From: Ayar Hlaine <ayarhlaine.dev@gmail.com>
Date: Sat, 30 May 2020 23:13:23 +0630
Subject: [PATCH 03/13] Translated a stateful component (Home Page)

---
 content/home/examples/a-stateful-component.md | 4 ++--
 src/pages/index.js                            | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/content/home/examples/a-stateful-component.md b/content/home/examples/a-stateful-component.md
index a68ab0a51..06934a977 100644
--- a/content/home/examples/a-stateful-component.md
+++ b/content/home/examples/a-stateful-component.md
@@ -1,7 +1,7 @@
 ---
-title: A Stateful Component
+title: ကိုယ်ပိုင်  state ကိုအသုံးပြု့ထားသော Component တစ်ခု
 order: 1
 domid: timer-example
 ---
 
-In addition to taking input data (accessed via `this.props`), a component can maintain internal state data (accessed via `this.state`). When a component's state data changes, the rendered markup will be updated by re-invoking `render()`.
+Component တစ်ခုဟာဆိုရင် `this.props` မှတစ်ဆင့် data တွေရယူနိုင်သည့်အပြင်၊ မိမိ့ကိုယ်ပိုင် state ထဲမှာလည်း data ထိန်းသိမ်းထားနိုင်ပါတယ်။ ကိုယ်ပိုင်သိမ်းဆည်းထားသော state မှ data ကိုခေါ်ယူ အသုံးပြုချင်တယ် ဆိုရင်တော့ `this.state` မှတစ်ဆင့် ခေါ်သုံးလို့ရပါတယ်။ Component တစ်ခုရဲ့ ကိုယ်ပိုင် state data တွေ ပြောင်လဲသွားတိုင်းမှာ မူလပြသထားသော UI ကို ပြောင်းလဲပြသရန်အတွက် `render()` method ကိုနောက်တစ်ကြိမ် ထပ်အလုပ်လုပ်စေခြင်းဖြင့် ပြောင်းလဲပေးပါတယ်။
\ No newline at end of file
diff --git a/src/pages/index.js b/src/pages/index.js
index 1953f0308..72c420d3d 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -133,7 +133,7 @@ class Home extends Component {
                         fontSize: 30,
                       },
                     }}>
-                    A JavaScript library for building user interfaces
+                    User Interfaces များတည်ဆောက်ရာတွင် အသုံးပြု့သည့် JavaScript library
                   </p>
                   <Flex
                     valign="center"
@@ -294,12 +294,12 @@ class Home extends Component {
                 }}>
                 <CtaItem>
                   <ButtonLink to="/docs/getting-started.html" type="primary">
-                    Get Started
+                    စတင်ရန်
                   </ButtonLink>
                 </CtaItem>
                 <CtaItem>
                   <ButtonLink to="/tutorial/tutorial.html" type="secondary">
-                    Take the Tutorial
+                    သင်ခန်းစာဖြင့်စတင်ရန်
                   </ButtonLink>
                 </CtaItem>
               </Flex>

From 3726ce8a568497acd5438c462f4bcbd4a7a03993 Mon Sep 17 00:00:00 2001
From: Ayar Hlaine <ayarhlaine.dev@gmail.com>
Date: Sun, 31 May 2020 10:19:55 +0630
Subject: [PATCH 04/13] =?UTF-8?q?Translated=20=20Learn=C2=A0Once,=20Write?=
 =?UTF-8?q?=C2=A0Anywhere=20(Home=20Page)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 content/home/marketing/learn-once-write-anywhere.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/content/home/marketing/learn-once-write-anywhere.md b/content/home/marketing/learn-once-write-anywhere.md
index 2f93e1b01..f94670d43 100644
--- a/content/home/marketing/learn-once-write-anywhere.md
+++ b/content/home/marketing/learn-once-write-anywhere.md
@@ -1,8 +1,8 @@
 ---
-title: Learn Once, Write Anywhere
+title: တစ်ကြိမ်လေ့လာ၍ နေရာတိုင်တွင်ရေးသားနိုင်ခြင်း
 order: 2
 ---
 
-We don't make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code.
+သင့်ရဲ့နည်းပညာ အဆင့်ဟာ မည်သို့ပင်ရှိနေပါစေ React မှာဆိုရင်တော့ လက်ရှိရှိနေပီးသား code base ကိုပြုပြင်စရာမလိုဘဲ Features အသစ်များကို ထပ်တိုးရေးသားနိုင်ပါတယ်။
 
 React နည်းပညာဟာဆိုရင်ဖြင့် Node ကိုအသုံးပြု့ထားသော  ဆာဗာများပေါ်တွင် အလုပ်လုပ်နိုင်ရုံသာမက မိုဘိုင်လ်နည်းပညာအတွက် [React Native](https://reactnative.dev/) ကိုအသုံးပြုနိင်ပါတယ်။

From 39b1887a197dc392d09a3254dbbc8ab5b765ec51 Mon Sep 17 00:00:00 2001
From: Ayar Hlaine <ayarhlaine.dev@gmail.com>
Date: Sun, 31 May 2020 10:20:21 +0630
Subject: [PATCH 05/13] Translated subtitle of react in home page

---
 src/pages/index.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/pages/index.js b/src/pages/index.js
index 72c420d3d..b4fcd493d 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -133,7 +133,8 @@ class Home extends Component {
                         fontSize: 30,
                       },
                     }}>
-                    User Interfaces များတည်ဆောက်ရာတွင် အသုံးပြု့သည့် JavaScript library
+                    User Interfaces များတည်ဆောက်ရာတွင် အသုံးပြု့သည့် JavaScript
+                    library
                   </p>
                   <Flex
                     valign="center"

From 8faa9ad017c877b2a963a5655a22a286d473bffa Mon Sep 17 00:00:00 2001
From: Ayar Hlaine <ayarhlaine.dev@gmail.com>
Date: Sun, 31 May 2020 10:34:05 +0630
Subject: [PATCH 06/13] Translated Component-Based (Home Page)

---
 content/home/marketing/component-based.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/content/home/marketing/component-based.md b/content/home/marketing/component-based.md
index aeb3c4de2..53074f730 100644
--- a/content/home/marketing/component-based.md
+++ b/content/home/marketing/component-based.md
@@ -1,8 +1,8 @@
 ---
-title: Component-Based
+title: Component ကိုအခြေခံခြင်း
 order: 1
 ---
 
-Build encapsulated components that manage their own state, then compose them to make complex UIs.
+React မှာ ကိုယ်ပိုင် state တွေရှိ့တဲ့ component လေးတွေကို အရင်တည်ဆောက်ပါတယ်။ ပြီးတော့မှ ၎င်း component မျာကို စုဖွဲ့၍ ပိုမိုရှုပ်ထွေးသော UIs များတည်ဆောက်နိုင်ပါတယ်။
 
-Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM.
+Component တစ်ခုချင်းစီရဲ့ logic ကို Template ထဲမှာရေးမည့်အစား JavaScript ထဲမှာရေးသားထားခြင်းကြောင့် သင့်အနေနဲ့ သင့်ရဲ့ App ထဲကို များပြားတဲ့ data တွေကို အလွယ်တကူ ပေးပို့နိူင်ပြီး DOM ရဲ့ အပြင်ဘက်မှာ state ကို ထိန်းသိမ်းနိုင်ပါတယ်။ 
\ No newline at end of file

From abfa8bf66e9cbe17924a1ad9c58331f34c85821d Mon Sep 17 00:00:00 2001
From: Ayar Hlaine <ayarhlaine.dev@gmail.com>
Date: Sun, 31 May 2020 10:47:55 +0630
Subject: [PATCH 07/13] Translated Declarative (Home Page)

---
 content/home/marketing/declarative.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/content/home/marketing/declarative.md b/content/home/marketing/declarative.md
index c3b651902..2df6ae5e5 100644
--- a/content/home/marketing/declarative.md
+++ b/content/home/marketing/declarative.md
@@ -1,8 +1,8 @@
 ---
-title: Declarative
+title: Declarative ရေးသားနည်းပုံစံ အသုံးပြု့ထားခြင်း
 order: 0
 ---
 
-React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes.
+React ဟာဆိုရင် interactive ဖြစ်ဖိုလိုတဲ့ UIs တွေကို လွယ်လွယ်ကူကူပဲ ဖန်တီးပေးနိုင်ပါတယ်။ သင်ဟာ သင့်ရဲ့ application ကို component တစ်ခုချင်းစီတိုင်းမှာ ကိုယ်ပိုင် state တွေနဲ့ ရိုးရိုးရှင်းရှင်း တည်ဆောက်ထားနိုင်တယ်ဆိုရင် သင့် application ရဲ့ data တွေပြောင်လဲမှုရှိတဲ့ အချိန်မှာ ပြောင်လဲ ဖော်ပြဖို့လိုတဲ့ components တွေကိုပဲ ပြောင်းလဲဖော်ပြဖို့လိုတဲ့ အချိန်မှာသာလျှင် ပြင်ဆင်ပြောင်းလဲ ဖော်ပြပေးပါတယ်။
 
-Declarative views make your code more predictable and easier to debug.
+Component များဟာ declarative ပုံစံရေးသားထားသည့် အတွက်ကြောင့် ခန့်မှန်းရလွယ်ကူပြီး developer အနေနဲ့ debugging လုပ်ရတာ ပိုမိုလွယ်ကူစေပါတယ်။

From b10e6708383e1560b198c13f181f69995e641ba2 Mon Sep 17 00:00:00 2001
From: Ayar Hlaine <ayarhlaine.dev@gmail.com>
Date: Sun, 31 May 2020 11:09:32 +0630
Subject: [PATCH 08/13] Translated An Application (Home Page)

---
 content/home/examples/an-application.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/content/home/examples/an-application.md b/content/home/examples/an-application.md
index 227d0621b..6b7db5906 100644
--- a/content/home/examples/an-application.md
+++ b/content/home/examples/an-application.md
@@ -1,7 +1,7 @@
 ---
-title: An Application
+title: Application တစ်ခု
 order: 2
 domid: todos-example
 ---
 
-Using `props` and `state`, we can put together a small Todo application. This example uses `state` to track the current list of items as well as the text that the user has entered. Although event handlers appear to be rendered inline, they will be collected and implemented using event delegation.
+React component တစ်ခုရဲ့ `props` နှင့် `state` ကိုအသုံးပြု့ပြီးတော့ ကိုယ်တိုင်တစ်နေတာ လုပ်ဆောင်ရမည့် `Todo` application လေးကို ဖန်တီးနိုင်ပါတယ်။ ယခု ဉပမာဟာဆိုရင်ဖြင့် `state` ကို အသုံးပြု့ပြီးတော့ တစ်နေ့တာ လုပ်ဆောင်ရမည့်စာရင်း(အသုံးပြု့သူ ထည့်သွင်းထားသော) ကို စုဆောင်းပေးထားနိုင်ပါတယ်။ Event handlers တွေကို inline ပုံစံရေးသားထားပေမဲ့ ၎င်းတို့ဟာစုပေါင်းလုပ်ဆောင်နိုင်စွမ်းရှိ့ကြပါတယ်။
\ No newline at end of file

From 67857b69f3697b2163864f546d12c3a050346bb2 Mon Sep 17 00:00:00 2001
From: Ayar Hlaine <ayarhlaine.dev@gmail.com>
Date: Sun, 31 May 2020 11:14:33 +0630
Subject: [PATCH 09/13] Modified Sample Component Misssing Translation
 Statement (Home Page)

---
 content/home/examples/a-simple-component.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/examples/a-simple-component.md b/content/home/examples/a-simple-component.md
index 20ca89dd9..dec5d57d1 100644
--- a/content/home/examples/a-simple-component.md
+++ b/content/home/examples/a-simple-component.md
@@ -6,4 +6,4 @@ domid: hello-example
 
 React components တွေမှာဆိုရင် `render()` လိုခေါ်တဲဲ့ input data တွေကိုလက်ခံပြီး ဘယ်လို output တွေပြန်ပြပေးမယ် ဆိုတဲ့ method တစ်ခုပါဝင်ပါတယ်။ယခုပြသထားသော ဉပမာဟာဆိုရင်ဖြင့် JSX ဟုခေါ်သော XML ပုံစံရေးသားနည်းကို အသုံးပြုထားပါတယ်။ Component ဆီသို့ပေးပို့ထားသော input data များကို `render()` method ကနေ ခေါ်သုံးချင်တယ် ဆိုရင်တော့ `this.props` ကနေတစ်ဆင့် အသုံးပြုနိုင်ပါတယ်။
 
-**JSX is optional and not required to use React.** JSX မှတစ်ဆင့် compile လုပ်ပြီး Raw Javascript code တွေမည်သို့မည်ပုံရရှိလာသည်ကို သိရှိလိုပါက [Babel REPL](babel://es5-syntax-example) တွင်စမ်းသပ်နိုင်ပါသည်။
+**React မှာ JSX ကို မဖြစ်မနေသုံးရန်မလိုပါ။** JSX မှတစ်ဆင့် compile လုပ်ပြီး Raw Javascript code တွေမည်သို့မည်ပုံရရှိလာသည်ကို သိရှိလိုပါက [Babel REPL](babel://es5-syntax-example) တွင်စမ်းသပ်နိုင်ပါသည်။

From 52eb5c166d4c2d057e08858c24e4c5f1dcbd7285 Mon Sep 17 00:00:00 2001
From: Ayar Hlaine <ayarhlaine.dev@gmail.com>
Date: Sun, 31 May 2020 11:18:41 +0630
Subject: [PATCH 10/13] Translated sample component js example

---
 content/home/examples/a-simple-component.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/content/home/examples/a-simple-component.js b/content/home/examples/a-simple-component.js
index 90c31b960..0f6b395a8 100644
--- a/content/home/examples/a-simple-component.js
+++ b/content/home/examples/a-simple-component.js
@@ -2,13 +2,13 @@ class HelloMessage extends React.Component {
   render() {
     return (
       <div>
-        Hello {this.props.name}
+        မင်္ဂလာပါ {this.props.name}
       </div>
     );
   }
 }
 
 ReactDOM.render(
-  <HelloMessage name="Taylor" />,
+  <HelloMessage name="မောင်မောင်" />,
   document.getElementById('hello-example')
 );
\ No newline at end of file

From 5025c2d7a2d659da376086e607c10943dba44965 Mon Sep 17 00:00:00 2001
From: Ayar Hlaine <ayarhlaine.dev@gmail.com>
Date: Sun, 31 May 2020 11:21:42 +0630
Subject: [PATCH 11/13] Translated an application js example

---
 content/home/examples/an-application.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/content/home/examples/an-application.js b/content/home/examples/an-application.js
index 08dbc2bf8..6c4877a0d 100644
--- a/content/home/examples/an-application.js
+++ b/content/home/examples/an-application.js
@@ -9,11 +9,11 @@ class TodoApp extends React.Component {
   render() {
     return (
       <div>
-        <h3>TODO</h3>
+        <h3>လုပ်ဆောင်ရန်စာရင်း</h3>
         <TodoList items={this.state.items} />
         <form onSubmit={this.handleSubmit}>
           <label htmlFor="new-todo">
-            What needs to be done?
+            သင်ဒီနေဘာတွေလုပ်ဆောင်ဖို့လိုအပ်ပါသလဲ?
           </label>
           <input
             id="new-todo"
@@ -21,7 +21,7 @@ class TodoApp extends React.Component {
             value={this.state.text}
           />
           <button>
-            Add #{this.state.items.length + 1}
+            မှတ်သားရန် #{this.state.items.length + 1}
           </button>
         </form>
       </div>

From ca2e402721f30be960bce0cf00d9b175753d4e51 Mon Sep 17 00:00:00 2001
From: Ayar Hlaine <ayarhlaine.dev@gmail.com>
Date: Sun, 31 May 2020 11:23:53 +0630
Subject: [PATCH 12/13] Translated External Plugin Example

---
 content/home/examples/a-component-using-external-plugins.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/examples/a-component-using-external-plugins.js b/content/home/examples/a-component-using-external-plugins.js
index 305efe61c..99d86baad 100644
--- a/content/home/examples/a-component-using-external-plugins.js
+++ b/content/home/examples/a-component-using-external-plugins.js
@@ -19,7 +19,7 @@ class MarkdownEditor extends React.Component {
       <div className="MarkdownEditor">
         <h3>Input</h3>
         <label htmlFor="markdown-content">
-          Enter some markdown
+          Markdown ရေးနည်းဖြင့်ရေးသားထားသော စာများထည့်သွင်းရန်
         </label>
         <textarea
           id="markdown-content"

From a5ab0d5211327f72b5d3bacf1a8c9879ceee2c51 Mon Sep 17 00:00:00 2001
From: Ayar Hlaine <ayarhlaine.dev@gmail.com>
Date: Sun, 31 May 2020 12:32:59 +0630
Subject: [PATCH 13/13] Fixed Type Errors (Home Page)

---
 content/home/examples/a-component-using-external-plugins.md | 4 ++--
 content/home/examples/a-simple-component.md                 | 2 +-
 content/home/examples/a-stateful-component.md               | 4 ++--
 content/home/examples/an-application.js                     | 2 +-
 content/home/examples/an-application.md                     | 2 +-
 content/home/marketing/component-based.md                   | 2 +-
 content/home/marketing/declarative.md                       | 4 ++--
 content/home/marketing/learn-once-write-anywhere.md         | 4 ++--
 src/pages/index.js                                          | 2 +-
 9 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/content/home/examples/a-component-using-external-plugins.md b/content/home/examples/a-component-using-external-plugins.md
index 6e459953d..956020c7f 100644
--- a/content/home/examples/a-component-using-external-plugins.md
+++ b/content/home/examples/a-component-using-external-plugins.md
@@ -1,7 +1,7 @@
 ---
-title: Enternal Plugins များကို အသုံးပြု့ထားသော Component တစ်ခု
+title: Enternal Plugins များကို အသုံးပြုထားသော Component တစ်ခု
 order: 3
 domid: markdown-example
 ---
 
-React ဟာဆိုရင်ဖြင့် အခြားသော libraries များ၊ အခြားသော frameworks နှင့်လည်းပေါင်းစပ်လုပ်ဆောင်နိုင်ပါတယ်။ ယခု ဉပမာဟာဆိုရင်ဖြင့် external Markdown library တစ်ခု့ဖြစ်တဲ့ **remarkable** ကို အသုံးပြု့ထားပီးတော့ `<textarea>` ရဲ့ value ကို real time output အနေနဲ့ပြန်လည်ဖော်ပြပေးပါတယ်။
+React ဟာဆိုရင်ဖြင့် အခြားသော libraries များ၊ အခြားသော frameworks နှင့်လည်းပေါင်းစပ်လုပ်ဆောင်နိုင်ပါတယ်။ ယခု ဥပမာဟာဆိုရင်ဖြင့် external Markdown library တစ်ခု့ဖြစ်တဲ့ **remarkable** ကို အသုံးပြုထားပီးတော့ `<textarea>` ရဲ့ value ကို real time output အနေနဲ့ပြန်လည်ဖော်ပြပေးပါတယ်။
diff --git a/content/home/examples/a-simple-component.md b/content/home/examples/a-simple-component.md
index dec5d57d1..32cf2b4b4 100644
--- a/content/home/examples/a-simple-component.md
+++ b/content/home/examples/a-simple-component.md
@@ -4,6 +4,6 @@ order: 0
 domid: hello-example
 ---
 
-React components တွေမှာဆိုရင် `render()` လိုခေါ်တဲဲ့ input data တွေကိုလက်ခံပြီး ဘယ်လို output တွေပြန်ပြပေးမယ် ဆိုတဲ့ method တစ်ခုပါဝင်ပါတယ်။ယခုပြသထားသော ဉပမာဟာဆိုရင်ဖြင့် JSX ဟုခေါ်သော XML ပုံစံရေးသားနည်းကို အသုံးပြုထားပါတယ်။ Component ဆီသို့ပေးပို့ထားသော input data များကို `render()` method ကနေ ခေါ်သုံးချင်တယ် ဆိုရင်တော့ `this.props` ကနေတစ်ဆင့် အသုံးပြုနိုင်ပါတယ်။
+React components တွေမှာဆိုရင် `render()` လိုခေါ်တဲ့ input data တွေကိုလက်ခံပြီး ဘယ်လို output တွေပြန်ပြပေးမယ် ဆိုတဲ့ method တစ်ခုပါဝင်ပါတယ်။ယခုပြသထားသော ဥပမာဟာဆိုရင်ဖြင့် JSX ဟုခေါ်သော XML ပုံစံရေးသားနည်းကို အသုံးပြုထားပါတယ်။ Component ဆီသို့ပေးပို့ထားသော input data များကို `render()` method ကနေ ခေါ်သုံးချင်တယ် ဆိုရင်တော့ `this.props` ကနေတစ်ဆင့် အသုံးပြုနိုင်ပါတယ်။
 
 **React မှာ JSX ကို မဖြစ်မနေသုံးရန်မလိုပါ။** JSX မှတစ်ဆင့် compile လုပ်ပြီး Raw Javascript code တွေမည်သို့မည်ပုံရရှိလာသည်ကို သိရှိလိုပါက [Babel REPL](babel://es5-syntax-example) တွင်စမ်းသပ်နိုင်ပါသည်။
diff --git a/content/home/examples/a-stateful-component.md b/content/home/examples/a-stateful-component.md
index 06934a977..f0bd9718e 100644
--- a/content/home/examples/a-stateful-component.md
+++ b/content/home/examples/a-stateful-component.md
@@ -1,7 +1,7 @@
 ---
-title: ကိုယ်ပိုင်  state ကိုအသုံးပြု့ထားသော Component တစ်ခု
+title: ကိုယ်ပိုင်  state ကိုအသုံးပြုထားသော Component တစ်ခု
 order: 1
 domid: timer-example
 ---
 
-Component တစ်ခုဟာဆိုရင် `this.props` မှတစ်ဆင့် data တွေရယူနိုင်သည့်အပြင်၊ မိမိ့ကိုယ်ပိုင် state ထဲမှာလည်း data ထိန်းသိမ်းထားနိုင်ပါတယ်။ ကိုယ်ပိုင်သိမ်းဆည်းထားသော state မှ data ကိုခေါ်ယူ အသုံးပြုချင်တယ် ဆိုရင်တော့ `this.state` မှတစ်ဆင့် ခေါ်သုံးလို့ရပါတယ်။ Component တစ်ခုရဲ့ ကိုယ်ပိုင် state data တွေ ပြောင်လဲသွားတိုင်းမှာ မူလပြသထားသော UI ကို ပြောင်းလဲပြသရန်အတွက် `render()` method ကိုနောက်တစ်ကြိမ် ထပ်အလုပ်လုပ်စေခြင်းဖြင့် ပြောင်းလဲပေးပါတယ်။
\ No newline at end of file
+Component တစ်ခုဟာဆိုရင် `this.props` မှတစ်ဆင့် data တွေရယူနိုင်သည့်အပြင်၊ မိမိကိုယ်ပိုင် state ထဲမှာလည်း data ထိန်းသိမ်းထားနိုင်ပါတယ်။ ကိုယ်ပိုင်သိမ်းဆည်းထားသော state မှ data ကိုခေါ်ယူ အသုံးပြုချင်တယ် ဆိုရင်တော့ `this.state` မှတစ်ဆင့် ခေါ်သုံးလို့ရပါတယ်။ Component တစ်ခုရဲ့ ကိုယ်ပိုင် state data တွေ ပြောင်းလဲသွားတိုင်းမှာ မူလပြသထားသော UI ကို ပြောင်းလဲပြသရန်အတွက် `render()` method ကိုနောက်တစ်ကြိမ် ထပ်အလုပ်လုပ်စေခြင်းဖြင့် ပြောင်းလဲပေးပါတယ်။
\ No newline at end of file
diff --git a/content/home/examples/an-application.js b/content/home/examples/an-application.js
index 6c4877a0d..33d34aef9 100644
--- a/content/home/examples/an-application.js
+++ b/content/home/examples/an-application.js
@@ -13,7 +13,7 @@ class TodoApp extends React.Component {
         <TodoList items={this.state.items} />
         <form onSubmit={this.handleSubmit}>
           <label htmlFor="new-todo">
-            သင်ဒီနေဘာတွေလုပ်ဆောင်ဖို့လိုအပ်ပါသလဲ?
+            သင်ဒီနေ့ဘာတွေလုပ်ဆောင်ဖို့လိုအပ်ပါသလဲ?
           </label>
           <input
             id="new-todo"
diff --git a/content/home/examples/an-application.md b/content/home/examples/an-application.md
index 6b7db5906..b732ff9be 100644
--- a/content/home/examples/an-application.md
+++ b/content/home/examples/an-application.md
@@ -4,4 +4,4 @@ order: 2
 domid: todos-example
 ---
 
-React component တစ်ခုရဲ့ `props` နှင့် `state` ကိုအသုံးပြု့ပြီးတော့ ကိုယ်တိုင်တစ်နေတာ လုပ်ဆောင်ရမည့် `Todo` application လေးကို ဖန်တီးနိုင်ပါတယ်။ ယခု ဉပမာဟာဆိုရင်ဖြင့် `state` ကို အသုံးပြု့ပြီးတော့ တစ်နေ့တာ လုပ်ဆောင်ရမည့်စာရင်း(အသုံးပြု့သူ ထည့်သွင်းထားသော) ကို စုဆောင်းပေးထားနိုင်ပါတယ်။ Event handlers တွေကို inline ပုံစံရေးသားထားပေမဲ့ ၎င်းတို့ဟာစုပေါင်းလုပ်ဆောင်နိုင်စွမ်းရှိ့ကြပါတယ်။
\ No newline at end of file
+React component တစ်ခုရဲ့ `props` နှင့် `state` ကိုအသုံးပြုပြီးတော့ ကိုယ်တိုင်တစ်နေ့တာ လုပ်ဆောင်ရမည့် `Todo` application လေးကို ဖန်တီးနိုင်ပါတယ်။ ယခု ဥပမာဟာဆိုရင်ဖြင့် `state` ကို အသုံးပြုပြီးတော့ တစ်နေ့တာ လုပ်ဆောင်ရမည့်စာရင်း(အသုံးပြုသူ ထည့်သွင်းထားသော) ကို စုဆောင်းပေးထားနိုင်ပါတယ်။ Event handlers တွေကို inline ပုံစံရေးသားထားပေမဲ့ ၎င်းတို့ဟာစုပေါင်းလုပ်ဆောင်နိုင်စွမ်းရှိကြပါတယ်။
\ No newline at end of file
diff --git a/content/home/marketing/component-based.md b/content/home/marketing/component-based.md
index 53074f730..2dc0fe637 100644
--- a/content/home/marketing/component-based.md
+++ b/content/home/marketing/component-based.md
@@ -3,6 +3,6 @@ title: Component ကိုအခြေခံခြင်း
 order: 1
 ---
 
-React မှာ ကိုယ်ပိုင် state တွေရှိ့တဲ့ component လေးတွေကို အရင်တည်ဆောက်ပါတယ်။ ပြီးတော့မှ ၎င်း component မျာကို စုဖွဲ့၍ ပိုမိုရှုပ်ထွေးသော UIs များတည်ဆောက်နိုင်ပါတယ်။
+React မှာ ကိုယ်ပိုင် state တွေရှိတဲ့ component လေးတွေကို အရင်တည်ဆောက်ပါတယ်။ ပြီးတော့မှ ၎င်း component မျာကို စုဖွဲ့၍ ပိုမိုရှုပ်ထွေးသော UIs များတည်ဆောက်နိုင်ပါတယ်။
 
 Component တစ်ခုချင်းစီရဲ့ logic ကို Template ထဲမှာရေးမည့်အစား JavaScript ထဲမှာရေးသားထားခြင်းကြောင့် သင့်အနေနဲ့ သင့်ရဲ့ App ထဲကို များပြားတဲ့ data တွေကို အလွယ်တကူ ပေးပို့နိူင်ပြီး DOM ရဲ့ အပြင်ဘက်မှာ state ကို ထိန်းသိမ်းနိုင်ပါတယ်။ 
\ No newline at end of file
diff --git a/content/home/marketing/declarative.md b/content/home/marketing/declarative.md
index 2df6ae5e5..24c917b5c 100644
--- a/content/home/marketing/declarative.md
+++ b/content/home/marketing/declarative.md
@@ -1,8 +1,8 @@
 ---
-title: Declarative ရေးသားနည်းပုံစံ အသုံးပြု့ထားခြင်း
+title: Declarative ရေးသားနည်းပုံစံ အသုံးပြုထားခြင်း
 order: 0
 ---
 
-React ဟာဆိုရင် interactive ဖြစ်ဖိုလိုတဲ့ UIs တွေကို လွယ်လွယ်ကူကူပဲ ဖန်တီးပေးနိုင်ပါတယ်။ သင်ဟာ သင့်ရဲ့ application ကို component တစ်ခုချင်းစီတိုင်းမှာ ကိုယ်ပိုင် state တွေနဲ့ ရိုးရိုးရှင်းရှင်း တည်ဆောက်ထားနိုင်တယ်ဆိုရင် သင့် application ရဲ့ data တွေပြောင်လဲမှုရှိတဲ့ အချိန်မှာ ပြောင်လဲ ဖော်ပြဖို့လိုတဲ့ components တွေကိုပဲ ပြောင်းလဲဖော်ပြဖို့လိုတဲ့ အချိန်မှာသာလျှင် ပြင်ဆင်ပြောင်းလဲ ဖော်ပြပေးပါတယ်။
+React ဟာဆိုရင် interactive ဖြစ်ဖိုလိုတဲ့ UIs တွေကို လွယ်လွယ်ကူကူပဲ ဖန်တီးပေးနိုင်ပါတယ်။ သင်ဟာ သင့်ရဲ့ application ကို component တစ်ခုချင်းစီတိုင်းမှာ ကိုယ်ပိုင် state တွေနဲ့ ရိုးရိုးရှင်းရှင်း တည်ဆောက်ထားနိုင်တယ်ဆိုရင် သင့် application ရဲ့ data တွေပြောင်းလဲမှုရှိတဲ့ အချိန်မှာ ပြောင်းလဲ ဖော်ပြဖို့လိုတဲ့ components တွေကိုပဲ ပြောင်းလဲဖော်ပြဖို့လိုတဲ့ အချိန်မှာသာလျှင် ပြင်ဆင်ပြောင်းလဲ ဖော်ပြပေးပါတယ်။
 
 Component များဟာ declarative ပုံစံရေးသားထားသည့် အတွက်ကြောင့် ခန့်မှန်းရလွယ်ကူပြီး developer အနေနဲ့ debugging လုပ်ရတာ ပိုမိုလွယ်ကူစေပါတယ်။
diff --git a/content/home/marketing/learn-once-write-anywhere.md b/content/home/marketing/learn-once-write-anywhere.md
index f94670d43..e265b8e80 100644
--- a/content/home/marketing/learn-once-write-anywhere.md
+++ b/content/home/marketing/learn-once-write-anywhere.md
@@ -1,8 +1,8 @@
 ---
-title: တစ်ကြိမ်လေ့လာ၍ နေရာတိုင်တွင်ရေးသားနိုင်ခြင်း
+title: တစ်ကြိမ်လေ့လာ၍ နေရာတိုင်းတွင်ရေးသားနိုင်ခြင်း
 order: 2
 ---
 
 သင့်ရဲ့နည်းပညာ အဆင့်ဟာ မည်သို့ပင်ရှိနေပါစေ React မှာဆိုရင်တော့ လက်ရှိရှိနေပီးသား code base ကိုပြုပြင်စရာမလိုဘဲ Features အသစ်များကို ထပ်တိုးရေးသားနိုင်ပါတယ်။
 
-React နည်းပညာဟာဆိုရင်ဖြင့် Node ကိုအသုံးပြု့ထားသော  ဆာဗာများပေါ်တွင် အလုပ်လုပ်နိုင်ရုံသာမက မိုဘိုင်လ်နည်းပညာအတွက် [React Native](https://reactnative.dev/) ကိုအသုံးပြုနိင်ပါတယ်။
+React နည်းပညာဟာဆိုရင်ဖြင့် Node ကိုအသုံးပြုထားသော  ဆာဗာများပေါ်တွင် အလုပ်လုပ်နိုင်ရုံသာမက မိုဘိုင်လ်နည်းပညာအတွက် [React Native](https://reactnative.dev/) ကိုအသုံးပြုနိင်ပါတယ်။
diff --git a/src/pages/index.js b/src/pages/index.js
index b4fcd493d..87fd09dfa 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -133,7 +133,7 @@ class Home extends Component {
                         fontSize: 30,
                       },
                     }}>
-                    User Interfaces များတည်ဆောက်ရာတွင် အသုံးပြု့သည့် JavaScript
+                    User Interfaces များတည်ဆောက်ရာတွင် အသုံးပြုသည့် JavaScript
                     library
                   </p>
                   <Flex