You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/content/learn/add-react-to-an-existing-project.md
+3-21Lines changed: 3 additions & 21 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -20,15 +20,9 @@ Katakanlah Anda memiliki aplikasi web yang sudah ada di `example.com` yang dibua
20
20
21
21
Inilah cara kami menyarankan untuk menyiapkannya:
22
22
23
-
<<<<<<< HEAD
24
23
1.**Buat bagian React dari aplikasi Anda** menggunakan salah satu [*framework* berbasis React](/learn/start-a-new-react-project).
25
-
2.**Tentukan `/some-app` sebagai *base path*** dalam konfigurasi *framework* Anda (begini caranya: [Next.js](https://nextjs.org/docs/api-reference/next.config.js/basepath), [Gatsby](https://www.gatsbyjs.com/docs/how-to/previews-deploys-hosting/path-prefix/)).
24
+
2.**Tentukan `/some-app` sebagai *base path*** dalam konfigurasi *framework* Anda (begini caranya: [Next.js](https://nextjs.org/docs/app/api-reference/config/next-config-js/basePath), [Gatsby](https://www.gatsbyjs.com/docs/how-to/previews-deploys-hosting/path-prefix/)).
26
25
3.**Konfigurasi server Anda atau Proxy** sehingga semua permintaan di rute `/some-app/` ditangani oleh aplikasi React Anda.
27
-
=======
28
-
1.**Build the React part of your app** using one of the [React-based frameworks](/learn/start-a-new-react-project).
29
-
2.**Specify `/some-app` as the *base path*** in your framework's configuration (here's how: [Next.js](https://nextjs.org/docs/app/api-reference/config/next-config-js/basePath), [Gatsby](https://www.gatsbyjs.com/docs/how-to/previews-deploys-hosting/path-prefix/)).
30
-
3.**Configure your server or a proxy** so that all requests under `/some-app/` are handled by your React app.
31
-
>>>>>>> 50d6991ca6652f4bc4c985cf0c0e593864f2cc91
32
26
33
27
Ini memastikan bagian React dari aplikasi Anda bisa mendapatkan [keuntungan dari praktik terbaik](/learn/start-a-new-react-project#can-i-use-react-without-a-framework) yang dimasukkan ke dalam *framework* tersebut.
34
28
@@ -51,11 +45,7 @@ Lingkungan JavaScript modular memungkinkan Anda menulis komponen React Anda dala
51
45
52
46
***Jika aplikasi Anda sudah dipecah menjadi beberapa file yang menggunakan pernyataan `import`,** coba gunakan pengaturan yang sudah Anda miliki. Periksa apakah menulis `<div />` dalam kode JS Anda menyebabkan kesalahan sintaksis. Jika menyebabkan kesalahan sintaksis, Anda mungkin perlu [mengubah kode JavaScript Anda dengan Babel](https://babeljs.io/setup), dan mengaktifkan [Babel React preset](https://babeljs.io/docs/babel-preset-react) untuk menggunakan JSX.
53
47
54
-
<<<<<<< HEAD
55
-
***Jika aplikasi Anda belum memiliki penyiapan untuk mengompilasi modul JavaScript,** siapkan dengan [Vite](https://vitejs.dev/). Komunitas Vite mempunyai [banyak integrasi *framework backend*](https://github.com/vitejs/awesome-vite#integrations-with-backends), termasuk Rails, Django, dan Laravel. Jika *framework backend* Anda tidak tercantum, [ikuti panduan ini](https://vitejs.dev/guide/backend-integration.html) untuk mengintegrasikan Vite build dengan backend Anda secara manual.
56
-
=======
57
-
***If your app doesn't have an existing setup for compiling JavaScript modules,** set it up with [Vite](https://vite.dev/). The Vite community maintains [many integrations with backend frameworks](https://github.com/vitejs/awesome-vite#integrations-with-backends), including Rails, Django, and Laravel. If your backend framework is not listed, [follow this guide](https://vite.dev/guide/backend-integration.html) to manually integrate Vite builds with your backend.
58
-
>>>>>>> 50d6991ca6652f4bc4c985cf0c0e593864f2cc91
48
+
***Jika aplikasi Anda belum memiliki penyiapan untuk mengompilasi modul JavaScript,** siapkan dengan [Vite](https://vite.dev/). Komunitas Vite mempunyai [banyak integrasi *framework backend*](https://github.com/vitejs/awesome-vite#integrations-with-backends), termasuk Rails, Django, dan Laravel. Jika *framework backend* Anda tidak tercantum, [ikuti panduan ini](https://vite.dev/guide/backend-integration.html) untuk mengintegrasikan Vite build dengan backend Anda secara manual.
59
49
60
50
Untuk memeriksa apakah penyiapan Anda berfungsi, jalankan perintah ini di folder proyek Anda:
61
51
@@ -72,12 +62,8 @@ Kemudian tambahkan baris kode ini di bagian atas file JavaScript utama Anda (mun
72
62
<html>
73
63
<head><title>My app</title></head>
74
64
<body>
75
-
<<<<<<< HEAD
76
65
<!-- Konten halaman Anda yang ada (dalam contoh ini konten akan diganti) -->
77
-
=======
78
-
<!-- Your existing page content (in this example, it gets replaced) -->
79
66
<divid="root"></div>
80
-
>>>>>>> 50d6991ca6652f4bc4c985cf0c0e593864f2cc91
81
67
</body>
82
68
</html>
83
69
```
@@ -99,11 +85,7 @@ Jika seluruh konten halaman Anda berganti dengan "Hello, world", semuanya berhas
99
85
100
86
<Note>
101
87
102
-
<<<<<<< HEAD
103
-
Mengintegrasikan lingkungan JavaScript modular ke dalam proyek yang sudah ada untuk pertama kalinya bisa terasa menakutkan, tetapi itu sepadan! Jika Anda mengalami kebuntuan, coba periksa [komunitas kami](/community) atau [Vite Chat](https://chat.vitejs.dev/).
104
-
=======
105
-
Integrating a modular JavaScript environment into an existing project for the first time can feel intimidating, but it's worth it! If you get stuck, try our [community resources](/community) or the [Vite Chat](https://chat.vite.dev/).
106
-
>>>>>>> 50d6991ca6652f4bc4c985cf0c0e593864f2cc91
88
+
Mengintegrasikan lingkungan JavaScript modular ke dalam proyek yang sudah ada untuk pertama kalinya bisa terasa menakutkan, tetapi itu sepadan! Jika Anda mengalami kebuntuan, coba periksa [komunitas kami](/community) atau [Vite Chat](https://chat.vite.dev/).
Copy file name to clipboardExpand all lines: src/content/learn/adding-interactivity.md
-4Lines changed: 0 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -265,11 +265,7 @@ setCount(count + 1); // Meminta render ulang dengan 1
265
265
console.log(count); // Masih 0!
266
266
```
267
267
268
-
<<<<<<< HEAD
269
268
Perilaku ini akan membantu Anda menghindari *bug* yang susah ditemukan. Berikut adalah aplikasi chat sederhana. Coba tebak apa yang terjadi jika Anda menekan "Kirim" terlebih dahulu dan *kemudian* mengubah penerima menjadi Bob. Nama siapa yang akan muncul di `alert` lima detik kemudian?
270
-
=======
271
-
This behavior helps you avoid subtle bugs. Here is a little chat app. Try to guess what happens if you press "Send" first and *then* change the recipient to Bob. Whose name will appear in the `alert` five seconds later?
0 commit comments