Skip to content

Commit c4256cd

Browse files
Apply suggestions from code review
Co-authored-by: M Haidar Hanif <git@mhaidarhanif.com>
1 parent bbb095b commit c4256cd

File tree

1 file changed

+5
-5
lines changed

1 file changed

+5
-5
lines changed

src/content/learn/thinking-in-react.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,15 +4,15 @@ title: Cara Berpikir dengan React
44

55
<Intro>
66

7-
React dapat mengubah cara berpikir Anda tentang desain yang Anda lihat dan aplikasi yang Anda buat. Ketika Anda membuat antarmuka pengguna dengan React, pertama-tama Anda akan memecahnya menjadi beberapa bagian yang disebut dengan *komponen*. Kemudian, Anda akan mendeskripsikan state visual yang berbeda untuk setiap komponen Anda. Terakhir, Anda akan menghubungkan komponen-komponen Anda bersama-sama sehingga data mengalir melaluinya. Dalam tutorial ini, kami akan memandu Anda melalui proses berpikir untuk membangun tabel data produk yang dapat dicari dengan React.
7+
React dapat mengubah cara berpikir Anda tentang desain yang Anda lihat dan aplikasi yang Anda buat. Ketika Anda membuat antarmuka pengguna (*user interface*) dengan React, pertama-tama Anda akan memecahnya menjadi beberapa bagian yang disebut dengan *komponen*. Kemudian, Anda akan mendeskripsikan *state* visual yang berbeda untuk setiap komponen Anda. Terakhir, Anda akan menghubungkan komponen-komponen Anda bersama-sama sehingga data mengalir melaluinya. Dalam tutorial ini, kami akan memandu Anda melalui proses berpikir untuk membangun tabel data produk yang dapat dicari dengan React.
88

99
</Intro>
1010

1111
## Mulailah dengan sebuah rancang bangun {/*start-with-the-mockup*/}
1212

13-
Bayangkan Anda sudah memiliki API JSON dan rancang bangun dari desainer.
13+
Bayangkan Anda sudah memiliki API JSON dan rancang bangun dari seorang desainer.
1414

15-
API JSON mengembalikan beberapa data yang terlihat seperti ini:
15+
API JSON tersebut mengembalikan beberapa data yang terlihat seperti ini:
1616

1717
```json
1818
[
@@ -25,15 +25,15 @@ API JSON mengembalikan beberapa data yang terlihat seperti ini:
2525
]
2626
```
2727

28-
Rancang bangun kita terlihat seperti ini:
28+
Rancang bangun tersebut terlihat seperti ini:
2929

3030
<img src="/images/docs/s_thinking-in-react_ui.png" width="300" style={{margin: '0 auto'}} />
3131

3232
Untuk mengimplementasikan antarmuka pengguna di React, Anda biasanya akan mengikuti lima langkah yang sama.
3333

3434
## Langkah 1: Bagi antarmuka pengguna menjadi hierarki komponen {/*step-1-break-the-ui-into-a-component-hierarchy*/}
3535

36-
Mulailah dengan menggambar kotak-kotak di sekitar setiap komponen dan subkomponen dalam rancang bangun dan beri nama. Jika Anda bekerja dengan seorang desainer, mereka mungkin telah menamai komponen-komponen ini di alat bantu desain mereka. Tanyakan kepada mereka!
36+
Mulailah dengan menggambar kotak-kotak di sekitar setiap komponen dan subkomponen dalam rancang bangun dan berikan mereka nama. Jika Anda bekerja dengan seorang desainer, mereka mungkin telah menamai komponen-komponen ini di alat bantu desain mereka. Tanyakanlah mereka!
3737

3838
Tergantung pada latar belakang Anda, Anda dapat berpikir untuk membagi desain menjadi beberapa komponen dengan cara yang berbeda:
3939

0 commit comments

Comments
 (0)