Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Translate Hello World #132

Merged
merged 1 commit into from Dec 2, 2019
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
31 changes: 15 additions & 16 deletions content/docs/hello-world.md
Expand Up @@ -6,45 +6,44 @@ prev: cdn-links.html
next: introducing-jsx.html
---

The smallest React example looks like this:
Contoh React yang paling sederhana adalah seperti ini:

```js
ReactDOM.render(
<h1>Hello, world!</h1>,
<h1>Halo, dunia!</h1>,
document.getElementById('root')
);
```

It displays a heading saying "Hello, world!" on the page.
React menampilkan *heading* pada halaman bertuliskan "Halo, dunia!".

[](codepen://hello-world)

Click the link above to open an online editor. Feel free to make some changes, and see how they affect the output. Most pages in this guide will have editable examples like this one.
Klik tautan di atas untuk membuka editor daring. Anda dibebaskan untuk membuat perubahan dan lihat bagaimana perubahan itu mempengaruhi keluaran. Mayoritas dari halaman yang ada dalam panduan ini akan memiliki contoh yang dapat diubah seperti ini.


## How to Read This Guide {#how-to-read-this-guide}
## Bagaimana Membaca Panduan Ini {#how-to-read-this-guide}

In this guide, we will examine the building blocks of React apps: elements and components. Once you master them, you can create complex apps from small reusable pieces.
Dalam panduan ini, kita akan membahas tentang kerangka dari aplikasi React: elemen dan komponen. Setelah Anda menguasainya, Anda dapat membuat aplikasi yang kompleks dari bagian-bagian kecil yang bisa digunakan ulang.

>Tip
>
>This guide is designed for people who prefer **learning concepts step by step**. If you prefer to learn by doing, check out our [practical tutorial](/tutorial/tutorial.html). You might find this guide and the tutorial complementary to each other.
>Panduan ini didesain untuk orang yang lebih suka **mempelajari konsep selangkah demi selangkah**. Jika Anda lebih suka untuk belajar sambil mencoba, silakan lihat [tutorial praktis](/tutorial/tutorial.html) kami. Anda mungkin merasa panduan ini dan tutorial tersebut saling melengkapi satu sama lain.

This is the first chapter in a step-by-step guide about main React concepts. You can find a list of all its chapters in the navigation sidebar. If you're reading this from a mobile device, you can access the navigation by pressing the button in the bottom right corner of your screen.
Ini adalah bab pertama dalam panduan langkah demi langkah tentang konsep utama React. Anda dapat menemukan daftar semua babnya dalam navigasi *sidebar*. Jika Anda membaca ini menggunakan perangkat bergerak, Anda bisa mengakses navigasi dengan menekan tombol yang ada di pojok kanan bawah layar Anda.

Every chapter in this guide builds on the knowledge introduced in earlier chapters. **You can learn most of React by reading the “Main Concepts” guide chapters in the order they appear in the sidebar.** For example, [“Introducing JSX”](/docs/introducing-jsx.html) is the next chapter after this one.
Setiap bab dalam panduan ini dibangun di atas pengetahuan yang diperkenalkan pada bab sebelumnya. **Anda bisa mempelajari sebagian besar dari React dengan membaca panduan bab “Konsep Utama” secara berurutan.** Sebagai contoh, [“Memperkenalkan JSX”](/docs/introducing-jsx.html) adalah bab selanjutnya setelah ini.

## Knowledge Level Assumptions {#knowledge-level-assumptions}
## Asumsi Tingkat Pengetahuan {#knowledge-level-assumptions}

React is a JavaScript library, and so we'll assume you have a basic understanding of the JavaScript language. **If you don't feel very confident, we recommend [going through a JavaScript tutorial](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript) to check your knowledge level** and enable you to follow along this guide without getting lost. It might take you between 30 minutes and an hour, but as a result you won't have to feel like you're learning both React and JavaScript at the same time.
React adalah *library* JavaScript, jadi kami akan berasumsi bahwa Anda memiliki pemahaman dasar tentang bahasa JavaScript. **Jika Anda tidak merasa percaya diri, kami merekomendasikan untuk [melalui tutorial JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript) untuk mengecek tingkat pengetahuan Anda** dan memungkinkan Anda untuk mengikuti panduan ini tanpa tersesat. Mungkin akan memakan waktu Anda sekitar 30 menit hingga 1 jam, tetapi sebagai hasilnya Anda tidak perlu merasa bahwa Anda sedang belajar React dan JavaScript dalam waktu bersamaan.

>Note
>Catatan
>
>This guide occasionally uses some of the newer JavaScript syntax in the examples. If you haven't worked with JavaScript in the last few years, [these three points](https://gist.github.com/gaearon/683e676101005de0add59e8bb345340c) should get you most of the way.
>Contoh pada panduan ini terkadang menggunakan beberapa sintaksis JavaScript yang baru. Jika Anda belum pernah menggunakan JavaScript dalam beberapa tahun terakhir, [tiga poin berikut](https://gist.github.com/gaearon/683e676101005de0add59e8bb345340c) akan membantu sebagian besar perjalanan Anda.

## Ayo Mulai! {#lets-get-started}

## Let's Get Started! {#lets-get-started}

Keep scrolling down, and you'll find the link to the [next chapter of this guide](/docs/introducing-jsx.html) right before the website footer.
Terus gulir ke bawah dan Anda akan menemukan tautan ke [bab selanjutnya dari panduan ini](/docs/introducing-jsx.html) tepat sebelum *footer* laman.