Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
New Indonesia translation: Installation page (#331)
- Loading branch information
Showing
1 changed file
with
21 additions
and
20 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,57 +1,58 @@ | ||
| --- | ||
| title: Installation | ||
| title: Pemasangan | ||
| --- | ||
|
|
||
| <Intro> | ||
|
|
||
| React has been designed from the start for gradual adoption. You can use as little or as much React as you need. Whether you want to get a taste of React, add some interactivity to an HTML page, or start a complex React-powered app, this section will help you get started. | ||
| React didesain sejak awal untuk dapat diapdopsi secara bertahap. Anda dapat menggunakan React sedikit atau sebanyak apapun sesuai dengan kebutuhan Anda. Baik jika Anda hanya ingin mencoba React, menambahan interaktivitas ke hamalan HTML, atau mulai mengembangkan aplikasi kompleks berbasis React, seksi ini akan membantu Anda untuk mulai menggunakan React. | ||
|
|
||
| </Intro> | ||
|
|
||
| <YouWillLearn isChapter={true}> | ||
|
|
||
| * [How to start a new React project](/learn/start-a-new-react-project) | ||
| * [How to add React to an existing project](/learn/add-react-to-an-existing-project) | ||
| * [How to set up your editor](/learn/editor-setup) | ||
| * [How to install React Developer Tools](/learn/react-developer-tools) | ||
| * [Bagaimana cara untuk mulai membuat proyek React baru](/learn/start-a-new-react-project) | ||
| * [Bagaimana cara untuk menambahkan React ke dalam proyek yang ada](/learn/add-react-to-an-existing-project) | ||
| * [Bagaimana cara untuk mempersiapkan editor kode Anda](/learn/editor-setup) | ||
| * [Bagaimana cara memasang React Developer Tools](/learn/react-developer-tools) | ||
|
|
||
| </YouWillLearn> | ||
|
|
||
| ## Try React {/*try-react*/} | ||
| ## Mencoba React {/*try-react*/} | ||
|
|
||
| You don't need to install anything to play with React. Try editing this sandbox! | ||
| Anda tidak perlu memasang apapun untuk mulai menggunakan React. Coba ubah *sandbox* di bawah ini! | ||
|
|
||
| <Sandpack> | ||
|
|
||
| ```js | ||
| function Greeting({ name }) { | ||
| return <h1>Hello, {name}</h1>; | ||
| return <h1>Halo, {name}</h1>; | ||
| } | ||
|
|
||
| export default function App() { | ||
| return <Greeting name="world" /> | ||
| return <Greeting name="dunia" /> | ||
| } | ||
| ``` | ||
|
|
||
| </Sandpack> | ||
|
|
||
| You can edit it directly or open it in a new tab by pressing the "Fork" button in the upper right corner. | ||
| Anda dapat mengubah secara langsung atau membukanya pada tab baru dengan menekan tombol "Fork" pada pojok kanan atas komponen *sandbox*. | ||
|
|
||
| Most pages in the React documentation contain sandboxes like this. Outside of the React documentation, there are many online sandboxes that support React: for example, [CodeSandbox](https://codesandbox.io/s/new), [StackBlitz](https://stackblitz.com/fork/react), or [CodePen.](https://codepen.io/pen?&editors=0010&layout=left&prefill_data_id=3f4569d1-1b11-4bce-bd46-89090eed5ddb) | ||
| Sebagian besar halaman pada dokumentasi React menggunanakan komponen *sandbox* seperti ini. | ||
| Di luar dokumentasi React, terdapat banyak *sandbox* daring yang mendukung ekosistem React: contohnya seperti, [CodeSandbox](https://codesandbox.io/s/new), [StackBlitz](https://stackblitz.com/fork/react), or [CodePen.](https://codepen.io/pen?&editors=0010&layout=left&prefill_data_id=3f4569d1-1b11-4bce-bd46-89090eed5ddb) | ||
|
|
||
| ### Try React locally {/*try-react-locally*/} | ||
| ### Mencoba React di ekosistem lokal {/*try-react-locally*/} | ||
|
|
||
| To try React locally on your computer, [download this HTML page.](https://gist.githubusercontent.com/gaearon/0275b1e1518599bbeafcde4722e79ed1/raw/db72dcbf3384ee1708c4a07d3be79860db04bff0/example.html) Open it in your editor and in your browser! | ||
| Untuk mencoba React secara lokal pada komputer Anda, [unduh halaman HTML ini.](https://gist.githubusercontent.com/gaearon/0275b1e1518599bbeafcde4722e79ed1/raw/db72dcbf3384ee1708c4a07d3be79860db04bff0/example.html) Kemudian buka berkas tersebut pada editor kode dan aplikasi perambah Anda! | ||
|
|
||
| ## Start a new React project {/*start-a-new-react-project*/} | ||
| ## Mulai membuat proyek React {/*start-a-new-react-project*/} | ||
|
|
||
| If you want to build an app or a website fully with React, [start a new React project.](/learn/start-a-new-react-project) | ||
| Jika Anda ingin membuat sebuah aplikasi atau situs web dengan React, [mulai buat proyek React.](/learn/start-a-new-react-project) | ||
|
|
||
| ## Add React to an existing project {/*add-react-to-an-existing-project*/} | ||
| ## Menambahkan React ke proyek yang sudah ada {/*add-react-to-an-existing-project*/} | ||
|
|
||
| If want to try using React in your existing app or a website, [add React to an existing project.](/learn/add-react-to-an-existing-project) | ||
| Jika Anda ingin menggunakan React ke aplikasi atau situs web Anda yang sudah ada, [tambahkan React ke proyek yang sudah ada.](/learn/add-react-to-an-existing-project) | ||
|
|
||
| ## Next steps {/*next-steps*/} | ||
| ## Langkah berikutnya {/*next-steps*/} | ||
|
|
||
| Head to the [Quick Start](/learn) guide for a tour of the most important React concepts you will encounter every day. | ||
| Menuju ke panduan [Mulai Cepat](/learn) untuk mengikuti tur mengenai konsep paling penting dari React yang akan Anda temui setiap hari. | ||
|
|