Fix Typo in introduction

content/docs/concurrent-mode-reference.md

@@ -178,7 +178,7 @@ const deferredValue = useDeferredValue(value, { timeoutMs: 2000 });
 
 Menghasilkan suatu nilai yang "tertunda" sampai kurun waktu `timeoutMs`.
 
-Biasanya digunakan untuk memastikan tampilan tetap responsif ketika suatu hal perlu di tampilkan seketika dari interaksi pengguna sedangkan harus menunggu proses pengambilan data juga.
+Biasanya digunakan untuk memastikan tampilan tetap responsif ketika suatu hal perlu ditampilkan seketika dari interaksi pengguna sedangkan harus menunggu proses pengambilan data juga.
 
 Salah satu contoh skenario yang tepat adalah masukan teks (_text input_).
 

content/docs/context.md

@@ -201,7 +201,7 @@ Dibutuhkan sebuah [fungsi sebagai *child*](/docs/render-props.html#using-props-o
 
 ### `Context.displayName` {#contextdisplayname}
 
-Objek Context menerima properti *string* `displayName`. React DevTools menggunakan *string* ini untuk menentukan apa yang harus di tampilkan untuk *context* tersebut.
+Objek Context menerima properti *string* `displayName`. React DevTools menggunakan *string* ini untuk menentukan apa yang harus ditampilkan untuk *context* tersebut.
 
 Misalnya, komponen berikut ini akan muncul sebagai MyDisplayName di DevTools:
 

content/docs/introducing-jsx.md

@@ -14,13 +14,13 @@ const element = <h1>Halo, Dunia!</h1>;
 
 Sintaksis *tag* aneh ini bukanlah sebuah *string* ataupun *HTML*.
 
-Sintaksis ini di kenal dengan sebutan JSX, dan sintaksis ini adalah sebuah sintaksis ekstensi untuk *JavaScript*. Kami sarankan menggunakannya dengan React untuk mendeskripsikan bagimana antarmuka pengguna seharusnya terlihat. JSX mungkin akan mengingatkan Anda dengan sebuah bahasa *templat*, bedanya adalah JSX telah dilengkapi dengan kekuatan penuh dari JavaScript.
+Sintaksis ini dikenal dengan sebutan JSX, dan sintaksis ini adalah sebuah sintaksis ekstensi untuk *JavaScript*. Kami sarankan menggunakannya dengan React untuk mendeskripsikan bagaimana antarmuka pengguna seharusnya terlihat. JSX mungkin akan mengingatkan Anda dengan sebuah bahasa *templat*, bedanya adalah JSX telah dilengkapi dengan kekuatan penuh dari JavaScript.
 
 JSX akan menghasilkan "elemen" React. Kita akan mulai mengeksplor bagaimana me-*render* mereka ke dalam DOM di bagian [berikutnya](/docs/rendering-elements.html). Di bawah ini, Anda akan menemukan dasar-dasar JSX yang Anda butuhkan untuk memulai.
 
 ### Mengapa JSX? {#why-jsx}
 
-React mengakui bahwa logika *rendering* akan secara inheren digabungkan dengan logika antarmuka pengguna lainnya. bagaimana *events* akan ditangani, bagaimana *state* berubah seiring dengan waktu, dan bagaimana data disiapkan untuk di tampilkan.
+React mengakui bahwa logika *rendering* akan secara inheren digabungkan dengan logika antarmuka pengguna lainnya. bagaimana *events* akan ditangani, bagaimana *state* berubah seiring dengan waktu, dan bagaimana data disiapkan untuk ditampilkan.
 
 Alih-alih memisahkan *technologies* secara artifisial dengan meletakkan *markup* dan logika di file terpisah, React [memisahkan kepentingan *(separates concerns)*](https://en.wikipedia.org/wiki/Separation_of_concerns) dengan unit kopling rendah bernama "komponen" yang mengandung keduanya. Kita akan kembali ke komponen dalam [bagian selanjutnya](/docs/components-and-props.html), tetapi jika Anda merasa belum nyaman menempatkan *markup* di JavaScript, [video ini](https://www.youtube.com/watch?v=x7cQ3mrcKaY) mungkin akan meyakinkan Anda.
 
@@ -76,7 +76,7 @@ Kami membagi JSX menjadi beberapa baris agar mudah dibaca. Meskipun tidak diwaji
 
 Setelah dikompilasi, Ekspresi JSX akan menjadi panggilan fungsi JavaScript biasa dan menjadi objek JavaScript.
 
-Hal ini berarti bahwa Anda dapat menggunakan JSX di dalam pernyataan `if` dan perulangan `for`, memasukkannya ke dalam variabel, menerimanya sebagai argumen, dan mengembalikannya dari sebuah fungsi:
+Hal ini berarti bahwa Anda dapat menggunakan JSX di dalam pernyataan `if` dan perulangan `for`, memasukkannya kedalam variabel, menerimanya sebagai argumen, dan mengembalikannya dari sebuah fungsi:
 
 ```js{3,5}
 function getGreeting(user) {
@@ -181,4 +181,4 @@ Kita akan mengeksplorasi *rendering* pada elemen React ke DOM dalam [bagian beri
 
 >**Saran:**
 >
->Kami merokemendasikan Anda untuk mencari [skema sintaksis "Babel"](https://babeljs.io/docs/editors) untuk editor pilihan Anda sehingga baik kode ES6 dan JSX bisa di-*highlight* dengan benar.
+>Kami merekomendasikan Anda untuk mencari [skema sintaksis "Babel"](https://babeljs.io/docs/editors) untuk editor pilihan Anda sehingga baik kode ES6 dan JSX bisa di-*highlight* dengan benar.

examples/context/motivation-solution.js

@@ -19,7 +19,7 @@ class App extends React.Component {
 }
 
 // highlight-range{1,2}
-// Komponen di tengah tidak harus 
+// Komponen di tengah tidak harus
 // oper temanya secara ekplisit lagi.
 function Toolbar() {
   return (

plugins/gatsby-transformer-home-example-code/gatsby-node.js

@@ -3,7 +3,6 @@
  */
 
 const crypto = require('crypto');
-const path = require('path');
 
 const createContentDigest = obj =>
   crypto

src/components/CodeEditor/CodeEditor.js

@@ -65,8 +65,9 @@ class CodeEditor extends Component {
           Babel tidak dapat dimuat.
           <br />
           <br />
-          Hal ini dapat disebabkan oleh <b>ad blocker</b>. Jika Anda menggunakannya, 
-          harap masukkan id.reactjs.org ke <i>whitelist</i> agar contoh-contoh 
+          Hal ini dapat disebabkan oleh <b>ad blocker</b>. Jika Anda
+          menggunakannya, harap masukkan id.reactjs.org ke <i>whitelist</i> agar
+          contoh-contoh
           <i>live code</i> dapat bekerja.
         </span>
       );

src/components/ErrorDecoder/ErrorDecoder.js

@@ -69,8 +69,9 @@ function ErrorResult(props: {|code: ?string, msg: string|}) {
   if (!code) {
     return (
       <p>
-        Ketika Anda menemukan <i>error</i>, Anda akan mendapatkan sebuah tautan 
-        ke laman ini untuk <i>error</i> tersebut dan kami akan menampilkan teks <i>error</i> secara penuh kepada Anda.
+        Ketika Anda menemukan <i>error</i>, Anda akan mendapatkan sebuah tautan
+        ke laman ini untuk <i>error</i> tersebut dan kami akan menampilkan teks{' '}
+        <i>error</i> secara penuh kepada Anda.
       </p>
     );
   }

src/components/LayoutHeader/DocSearch.js

@@ -27,7 +27,9 @@ class DocSearch extends Component<{}, State> {
         inputSelector: '#algolia-doc-search',
       });
     } else {
-      console.warn('Pencarian gagal untuk memuat dan sekarang telah di non aktifkan');
+      console.warn(
+        'Pencarian gagal untuk memuat dan sekarang telah di non aktifkan',
+      );
       this.setState({enabled: false});
     }
   }

src/components/TitleAndMetaTags/TitleAndMetaTags.js

@@ -11,7 +11,8 @@ import {urlRoot} from 'site-constants';
 // $FlowFixMe This is a valid path
 import languages from '../../../content/languages.yml';
 
-const defaultDescription = 'Library JavaScript untuk membangun antarmuka pengguna';
+const defaultDescription =
+  'Library JavaScript untuk membangun antarmuka pengguna';
 
 type Props = {
   title: string,