Translate Styling and CSS

content/docs/faq-styling.md

@@ -1,22 +1,22 @@
 ---
 id: faq-styling
-title: Styling and CSS
+title: Tasarım ve CSS
 permalink: docs/faq-styling.html
 layout: docs
 category: FAQ
 ---
 
-### How do I add CSS classes to components? {#how-do-i-add-css-classes-to-components}
+### Bileşenlere CSS sınıflarını nasıl eklerim? {#how-do-i-add-css-classes-to-components}
 
-Pass a string as the `className` prop:
+Sınıfları `className` prop’una string olarak ekleyin:
 
 ```jsx
 render() {
   return <span className="menu navigation-menu">Menu</span>
 }
 ```
 
-It is common for CSS classes to depend on the component props or state:
+CSS sınıflarının, bileşenin prop'larına veya stateine bağlı olması yaygındır:
 
 ```jsx
 render() {
@@ -28,24 +28,24 @@ render() {
 }
 ```
 
->Tip
+>İpucu
 >
->If you often find yourself writing code like this, [classnames](https://www.npmjs.com/package/classnames#usage-with-reactjs) package can simplify it.
+>Kendinizi sık sık böyle bir kod yazarken buluyorsanız, [classnames](https://www.npmjs.com/package/classnames#usage-with-reactjs) paketi bunu basitleştirebilir.
 
-### Can I use inline styles? {#can-i-use-inline-styles}
+### Satır içi (inline) stilleri kullanabilir miyim? {#can-i-use-inline-styles}
 
-Yes, see the docs on styling [here](/docs/dom-elements.html#style).
+Evet, stillendirme ile ilgili dokümana [buradan](/docs/dom-elements.html#style) bakın.
 
-### Are inline styles bad? {#are-inline-styles-bad}
+### Satır içi (inline) stiller kötü mü? {#are-inline-styles-bad}
 
-CSS classes are generally better for performance than inline styles.
+CSS sınıfları, performans açısından genellikle satır içi stillerinden daha iyidir.
 
-### What is CSS-in-JS? {#what-is-css-in-js}
+### JS-içinde-CSS (CSS-in-JS) nedir? {#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).
+"JS-içinde-CSS", CSS'in harici dosyalarda tanımlanması yerine, JavaScript kullanılarak oluşturulduğu bir deseni belirtir. JS-içinde-CSS kütüphanelerinin bir karşılaştırmasını [buradan](https://github.com/MicheleBertoli/css-in-js) okuyun.
 
-_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).
+_Bu işlevin React'in bir parçası olmadığını, ancak üçüncü parti kütüphaneler tarafından sağlandığını unutmayın._ React, stillerin nasıl tanımlandığı hakkında bir görüşe sahip değildir; şüpheniz varsa, stillerinizi her zamanki gibi ayrı bir `*.css` dosyasında tanımlamak ve [`className`](/docs/dom-elements.html#classname) kullanarak bunlara erişmek iyi bir başlangıç noktasıdır.
 
-### Can I do animations in React? {#can-i-do-animations-in-react}
+### React'te animasyon yapabilir miyim? {#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) or [React Spring](https://github.com/react-spring/react-spring), for example.
+React, animasyonlara güç vermek için kullanılabilir. Örneğin, [React Transition Group](https://reactcommunity.org/react-transition-group/), [React Motion](https://github.com/chenglou/react-motion) veya [React Spring](https://github.com/react-spring/react-spring) 'e bakabilirsiniz.