Skip to content

Commit f95ef84

Browse files
Iffabledjakubdrozdek
authored andcommitted
Translate 'Styling and CSS' (#139)
1 parent 9c9c475 commit f95ef84

File tree

1 file changed

+15
-15
lines changed

1 file changed

+15
-15
lines changed

Diff for: content/docs/faq-styling.md

+15-15
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,22 @@
11
---
22
id: faq-styling
3-
title: Styling and CSS
3+
title: Style i CSS
44
permalink: docs/faq-styling.html
55
layout: docs
66
category: FAQ
77
---
88

9-
### How do I add CSS classes to components? {#how-do-i-add-css-classes-to-components}
9+
### Jak mogę dodać klasy CSS do komponentów? {#how-do-i-add-css-classes-to-components}
1010

11-
Pass a string as the `className` prop:
11+
Przekaż ciąg znaków używając atrybutu `className`:
1212

1313
```jsx
1414
render() {
1515
return <span className="menu navigation-menu">Menu</span>
1616
}
1717
```
1818

19-
It is common for CSS classes to depend on the component props or state:
19+
Klasy CSS mogą być zależne od właściwości i stanu komponentów:
2020

2121
```jsx
2222
render() {
@@ -28,24 +28,24 @@ render() {
2828
}
2929
```
3030

31-
>Tip
31+
> Porada:
3232
>
33-
>If you often find yourself writing code like this, [classnames](https://www.npmjs.com/package/classnames#usage-with-reactjs) package can simplify it.
33+
> Jeśli bardzo często piszesz kod tego typu, pakiet [classnames](https://www.npmjs.com/package/classnames#usage-with-reactjs) może ci pomóc uprościć swój kod.
3434
35-
### Can I use inline styles? {#can-i-use-inline-styles}
35+
### Czy mogę użyć stylów wewnątrzliniowych? {#can-i-use-inline-styles}
3636

37-
Yes, see the docs on styling [here](/docs/dom-elements.html#style).
37+
Tak, zobacz [ten artykuł](/docs/dom-elements.html#style), aby dowiedzieć się więcej.
3838

39-
### Are inline styles bad? {#are-inline-styles-bad}
39+
### Czy style wewnątrzliniowe są złe? {#are-inline-styles-bad}
4040

41-
CSS classes are generally better for performance than inline styles.
41+
Klasy CSS są generalnie bardziej wydajne niż style wewnątrzliniowe.
4242

43-
### What is CSS-in-JS? {#what-is-css-in-js}
43+
### Czym jest w CSS-w-JS? {#what-is-css-in-js}
4444

45-
"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).
45+
Termin "CSS-w-JS" odnosi do wzorca, w którym CSS jest zapisywany razem z kodem JavaScript, a nie w osobnych plikach. Porównanie różnych bibliotek CSS-w-JS możesz znaleźć [tutaj](https://github.com/MicheleBertoli/css-in-js).
4646

47-
_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).
47+
_Pamiętaj, że ta funkcjonalność nie stanowi części Reacta, tylko dostarczana jest przez biblioteki stron trzecich._ React nie ma opinii na temat sposobu definiowania stylów; jeśli masz wątpliwości, dobrym punktem wyjścia może być definiowanie stylów w osobnym pliku `*.css` i odnoszenie się do nich używając atrybutu [`className`](/docs/dom-elements.html#classname).
4848

49-
### Can I do animations in React? {#can-i-do-animations-in-react}
49+
### Czy mogę robić animacje w Reakcie? {#can-i-do-animations-in-react}
5050

51-
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.
51+
React może być wykorzystywany do napędzania animacji. Przykłady znajdziesz na stronach [React Transition Group](https://reactcommunity.org/react-transition-group/) i [React Motion](https://github.com/chenglou/react-motion) lub [React Spring](https://github.com/react-spring/react-spring).

0 commit comments

Comments
 (0)