Skip to content

translating styling #64

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.

Sign up for GitHub

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 2 commits into from
Jul 2, 2019
Merged

translating styling #64

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
2581f05
translating styling
AyuPermatasari Apr 15, 2019
9cf9389
Update faq-styling
AyuPermatasari May 17, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
24 changes: 12 additions & 12 deletions content/docs/faq-styling.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,17 +6,17 @@ layout: docs
category: FAQ
---

### How do I add CSS classes to components? {#how-do-i-add-css-classes-to-components}
### Bagaimana saya menambahkan kelas CSS ke komponen? {#how-do-i-add-css-classes-to-components}

Pass a string as the `className` prop:
Melewatkan sebuah string sebagai properti `className`:

```jsx
render() {
return <span className="menu navigation-menu">Menu</span>
}
```

It is common for CSS classes to depend on the component props or state:
Merupakan hal yang umum bagi kelas CSS untuk bergantung pada properti komponen atau _state_:

```jsx
render() {
Expand All @@ -32,20 +32,20 @@ render() {
>
>If you often find yourself writing code like this, [classnames](https://www.npmjs.com/package/classnames#usage-with-reactjs) package can simplify it.

### Can I use inline styles? {#can-i-use-inline-styles}
### Dapatkah saya menggunakan _inline styles_? {#can-i-use-inline-styles}

Yes, see the docs on styling [here](/docs/dom-elements.html#style).
Ya, lihat dokumen untuk _styling_ [disini](/docs/dom-elements.html#style).

### Are inline styles bad? {#are-inline-styles-bad}
### Apakah _inline styles_ buruk? {#are-inline-styles-bad}

CSS classes are generally better for performance than inline styles.
Performa kelas CSS biasanya lebih baik daripada _inline styles._

### What is CSS-in-JS? {#what-is-css-in-js}
### Apa yang dimaksud dengan CSS-in-JS? {#what-is-css-in-js}

"CSS-in-JS" refers to a pattern where CSS is composed using JavaScript instead of defined in external files. Read a comparison of CSS-in-JS libraries [here](https://github.com/MicheleBertoli/css-in-js).
"CSS-in-JS" mengacu kepada pola dimana CSS disusun menggunakan JavaScript bukannya didefinisikan di luar arsip.[disini](https://github.com/MicheleBertoli/css-in-js).

_Note that this functionality is not a part of React, but provided by third-party libraries._ React does not have an opinion about how styles are defined; if in doubt, a good starting point is to define your styles in a separate `*.css` file as usual and refer to them using [`className`](/docs/dom-elements.html#classname).
_Perhatikan bahwa fungsi ini bukan bagian dari React, tetapi disediakan oleh library dari pihak ketiga._ React tidak memiliki pendapat tentang bagaimana style didefinisikan; jika ragu, titik awal yang baik adalah mendefinisikan style anda secara terpisah dalam file `*.css` seperti biasa dan arahkan ke mereka menggunakan [`className`](/docs/dom-elements.html#classname).

### Can I do animations in React? {#can-i-do-animations-in-react}
### Dapatkah saya membuat animasi di React?{#can-i-do-animations-in-react}

React can be used to power animations. See [React Transition Group](https://reactcommunity.org/react-transition-group/) and [React Motion](https://github.com/chenglou/react-motion), for example.
React dapat digunakan untuk menggerakkan animasi. Lihat [React Transition Group](https://reactcommunity.org/react-transition-group/) dan [React Motion](https://github.com/chenglou/react-motion), untuk contoh.