TRANS - Example codes

reactjs · Mar 11, 2019 · bd585c3 · bd585c3
1 parent 47bba58
commit bd585c3
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 9 deletions.
diff --git a/content/home/examples/a-component-using-external-plugins.js b/content/home/examples/a-component-using-external-plugins.js
@@ -17,16 +17,16 @@ class MarkdownEditor extends React.Component {
   render() {
     return (
       <div className="MarkdownEditor">
-        <h3>Input</h3>
+        <h3>ادخال</h3>
         <label htmlFor="markdown-content">
-          Enter some markdown
+        Markdown أدخل بعض تعابير 
         </label>
         <textarea
           id="markdown-content"
           onChange={this.handleChange}
           defaultValue={this.state.value}
         />
-        <h3>Output</h3>
+        <h3>اخراج</h3>
         <div
           className="content"
           dangerouslySetInnerHTML={this.getRawMarkup()}

diff --git 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')
 );
diff --git a/content/home/examples/a-stateful-component.js b/content/home/examples/a-stateful-component.js
@@ -21,7 +21,7 @@ class Timer extends React.Component {
   render() {
     return (
       <div>
-        Seconds: {this.state.seconds}
+        ثواني: {this.state.seconds}
       </div>
     );
   }

diff --git a/content/home/examples/an-application.js b/content/home/examples/an-application.js
@@ -9,19 +9,19 @@ 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"
             onChange={this.handleChange}
             value={this.state.text}
           />
           <button>
-            Add #{this.state.items.length + 1}
+            اضف #{this.state.items.length + 1}
           </button>
         </form>
       </div>