Skip to content

New Indonesian Translation: Start a New React Project #347

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

Merged
merged 11 commits into from
Apr 28, 2023

Conversation

syauqy
Copy link
Contributor

@syauqy syauqy commented Apr 26, 2023

Closes #376

Hi @resir014 @r17x sorry this is the PR revision of #344.

For the Start a New React Project page under the Installation chapter.

Also, the suggestions from @r17x have been done

@github-actions
Copy link

Size changes

📦 Next.js Bundle Analysis for react-dev

This analysis was generated by the Next.js Bundle Analysis action. 🤖

This PR introduced no changes to the JavaScript bundle! 🙌

@@ -1,133 +1,131 @@
---
title: Start a New React Project
title: Memulai Proyek Baru React
Copy link
Collaborator

@mazipan mazipan Apr 26, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
title: Memulai Proyek Baru React
title: Memulai Proyek React Baru

Atau

Suggested change
title: Memulai Proyek Baru React
title: Memulai Proyek Baru dengan React

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Let's go with Option 2.


</Intro>

<Note>

**You need to install [Node.js](https://nodejs.org/en/) for local development.** You can *also* choose to use Node.js in production, but you don't have to. Many React frameworks support export to a static HTML/CSS/JS folder.
**Anda wajib memasang [Node.js](https://nodejs.org/en/) untuk dapat melakukan pengembangan di ekosistem lokal.** Anda *juga* dapat menggunakan Node.js pada ekosistem _production_, namun Anda tidak perlu melakukannya. Karena banyak _framework_ React yang mendukung ekspor ke folder HTML/CSS/JS statis.
Copy link
Collaborator

@mazipan mazipan Apr 26, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Install pake instal dengan l satu aja.

Suggested change
**Anda wajib memasang [Node.js](https://nodejs.org/en/) untuk dapat melakukan pengembangan di ekosistem lokal.** Anda *juga* dapat menggunakan Node.js pada ekosistem _production_, namun Anda tidak perlu melakukannya. Karena banyak _framework_ React yang mendukung ekspor ke folder HTML/CSS/JS statis.
**Anda wajib menginstal [Node.js](https://nodejs.org/en/) untuk dapat melakukan pengembangan di ekosistem lokal.** Anda *juga* dapat menggunakan Node.js pada ekosistem _production_, namun Anda tidak perlu melakukannya. Karena banyak _framework_ React yang mendukung ekspor ke folder HTML/CSS/JS statis.


</Intro>

<Note>

**You need to install [Node.js](https://nodejs.org/en/) for local development.** You can *also* choose to use Node.js in production, but you don't have to. Many React frameworks support export to a static HTML/CSS/JS folder.
**Anda wajib memasang [Node.js](https://nodejs.org/en/) untuk dapat melakukan pengembangan di ekosistem lokal.** Anda *juga* dapat menggunakan Node.js pada ekosistem _production_, namun Anda tidak perlu melakukannya. Karena banyak _framework_ React yang mendukung ekspor ke folder HTML/CSS/JS statis.
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Kata miring, pake * aja, jangan _, biar seragam.

Sekalian ganti di bawah-bawahnya juga

Suggested change
**Anda wajib memasang [Node.js](https://nodejs.org/en/) untuk dapat melakukan pengembangan di ekosistem lokal.** Anda *juga* dapat menggunakan Node.js pada ekosistem _production_, namun Anda tidak perlu melakukannya. Karena banyak _framework_ React yang mendukung ekspor ke folder HTML/CSS/JS statis.
**Anda wajib memasang [Node.js](https://nodejs.org/en/) untuk dapat melakukan pengembangan di ekosistem lokal.** Anda *juga* dapat menggunakan Node.js pada ekosistem *production*, namun Anda tidak harus melakukannya. Karena banyak *framework* React yang mendukung ekspor ke folder HTML/CSS/JS statis.


```js
<Suspense fallback={<TalksLoading />}>
<Talks confId={conf.id} />
</Suspense>
```

Server Components and Suspense are React features rather than Next.js features. However, adopting them at the framework level requires buy-in and non-trivial implementation work. At the moment, the Next.js App Router is the most complete implementation. The React team is working with bundler developers to make these features easier to implement in the next generation of frameworks.
_Server Components_ dan _Suspense_ merupakan fitur dari React dan bukanlan fitur Next.js. Namun, menggunakannya pada tingkatan _framework_ membutuhkan implementasi yang serius dan bukanlah sebuah percobaan. Saat ini, _Router_ aplikasi Next.js merupakan implementasi yang paling lengkap dari hal tersebut. Tim React saat ini sedang bekerja sama dengan pengembang _bundler_ untuk membuat fitur ini dapat diimplementasikan pada _framework_ generasi berikutnya.
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
_Server Components_ dan _Suspense_ merupakan fitur dari React dan bukanlan fitur Next.js. Namun, menggunakannya pada tingkatan _framework_ membutuhkan implementasi yang serius dan bukanlah sebuah percobaan. Saat ini, _Router_ aplikasi Next.js merupakan implementasi yang paling lengkap dari hal tersebut. Tim React saat ini sedang bekerja sama dengan pengembang _bundler_ untuk membuat fitur ini dapat diimplementasikan pada _framework_ generasi berikutnya.
_Server Components_ dan _Suspense_ merupakan fitur dari React, bukan fitur Next.js. Namun menggunakannya pada tingkatan _framework_ membutuhkan implementasi yang serius dan bukan hal yang mudah (*non-trivial*). Saat ini, _Router_ aplikasi Next.js merupakan implementasi yang paling lengkap. Tim React saat ini sedang bekerja sama dengan pengembang _bundler_ untuk membuat fitur ini dapat diimplementasikan pada _framework_ generasi berikutnya.

Copy link
Member

@resir014 resir014 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@syauqy Here are my suggested changes. Also take @mazipan's review items into note.

@github-actions
Copy link

Size changes

📦 Next.js Bundle Analysis for react-dev

This analysis was generated by the Next.js Bundle Analysis action. 🤖

This PR introduced no changes to the JavaScript bundle! 🙌

@syauqy
Copy link
Contributor Author

syauqy commented Apr 27, 2023

@syauqy Here are my suggested changes. Also take @mazipan's review items into note.

Thank you for the suggestions. Fixed! Kindly review @resir014 @mazipan 🙏

@resir014 resir014 requested a review from mazipan April 27, 2023 18:39
Copy link
Collaborator

@mhaidarhanif mhaidarhanif left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@syauqy @resir014 @mazipan Here are some other suggestions to consider.

@github-actions
Copy link

Size changes

📦 Next.js Bundle Analysis for react-dev

This analysis was generated by the Next.js Bundle Analysis action. 🤖

This PR introduced no changes to the JavaScript bundle! 🙌

1 similar comment
@github-actions
Copy link

Size changes

📦 Next.js Bundle Analysis for react-dev

This analysis was generated by the Next.js Bundle Analysis action. 🤖

This PR introduced no changes to the JavaScript bundle! 🙌

@github-actions
Copy link

Size changes

📦 Next.js Bundle Analysis for react-dev

This analysis was generated by the Next.js Bundle Analysis action. 🤖

This PR introduced no changes to the JavaScript bundle! 🙌

3 similar comments
@github-actions
Copy link

Size changes

📦 Next.js Bundle Analysis for react-dev

This analysis was generated by the Next.js Bundle Analysis action. 🤖

This PR introduced no changes to the JavaScript bundle! 🙌

@github-actions
Copy link

Size changes

📦 Next.js Bundle Analysis for react-dev

This analysis was generated by the Next.js Bundle Analysis action. 🤖

This PR introduced no changes to the JavaScript bundle! 🙌

@github-actions
Copy link

Size changes

📦 Next.js Bundle Analysis for react-dev

This analysis was generated by the Next.js Bundle Analysis action. 🤖

This PR introduced no changes to the JavaScript bundle! 🙌

@github-actions
Copy link

Size changes

📦 Next.js Bundle Analysis for react-dev

This analysis was generated by the Next.js Bundle Analysis action. 🤖

This PR introduced no changes to the JavaScript bundle! 🙌

Copy link
Collaborator

@mhaidarhanif mhaidarhanif left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks much better now. It's ready.

@syauqy
Copy link
Contributor Author

syauqy commented Apr 27, 2023

Looks much better now. It's ready.

Thank you for the suggestions!!

May I suggest some terms on this page to the glosarium at #2?

@mhaidarhanif
Copy link
Collaborator

mhaidarhanif commented Apr 27, 2023

@syauqy You're welcome!

Yes, should be in the new Discussion threads: #337, because #2 is the old one and closed.

Some new words have already been collected to be suggested for change. cc @resir014

@github-actions
Copy link

Size changes

📦 Next.js Bundle Analysis for react-dev

This analysis was generated by the Next.js Bundle Analysis action. 🤖

This PR introduced no changes to the JavaScript bundle! 🙌

@resir014 resir014 merged commit 055079b into reactjs:main Apr 28, 2023
r17x pushed a commit that referenced this pull request May 8, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Start a New React Project
4 participants