Translate 'DOM Elements' page #37

czechowiczmateusz · 2019-03-04T09:26:38Z

No description provided.

netlify · 2019-03-04T09:31:11Z

Deploy preview for pl-reactjs ready!

Built with commit db01460

https://deploy-preview-37--pl-reactjs.netlify.com

content/docs/reference-dom-elements.md

czechowiczmateusz · 2019-03-06T11:57:22Z

Dzięki! :) Wrzuciłem zasugerowane zmiany

content/docs/reference-dom-elements.md

jakubdrozdek · 2019-03-18T01:18:22Z

@reactjs/reactjs-org-polish-translation Brakuje +1.

g12i

Kilka poprawek

content/docs/reference-dom-elements.md

g12i · 2019-03-18T19:08:06Z

content/docs/reference-dom-elements.md


 ### onChange {#onchange}

-The `onChange` event behaves as you would expect it to: whenever a form field is changed, this event is fired. We intentionally do not use the existing browser behavior because `onChange` is a misnomer for its behavior and React relies on this event to handle user input in real time.
+Zdarzenie `onChange` zachowuj się zgodnie z oczekiwaniami: jest aktywowane za każdym razem, gdy zmienia się wartość w polu formularza. Specjalnie nie używamy implementacji przeglądarkowej, ponieważ `onChange` ma nazwę nieadekwatną do zachowania. React natomiast używa tego zdarzenia do obsłużenia w czasie rzeczywistym zmian w danych wejściowych użytkownika.


Suggested change

Zdarzenie `onChange` zachowuj się zgodnie z oczekiwaniami: jest aktywowane za każdym razem, gdy zmienia się wartość w polu formularza. Specjalnie nie używamy implementacji przeglądarkowej, ponieważ `onChange` ma nazwę nieadekwatną do zachowania. React natomiast używa tego zdarzenia do obsłużenia w czasie rzeczywistym zmian w danych wejściowych użytkownika.

Zdarzenie `onChange` zachowuje się zgodnie z oczekiwaniami: jest aktywowane za każdym razem, gdy zmienia się wartość w polu formularza. Specjalnie nie używamy implementacji przeglądarkowej, ponieważ `onChange` ma nazwę nieadekwatną do zachowania. React natomiast używa tego zdarzenia do obsłużenia w czasie rzeczywistym zmian w danych wejściowych użytkownika.

g12i · 2019-03-18T19:10:24Z

content/docs/reference-dom-elements.md

 >
->Some examples in the documentation use `style` for convenience, but **using the `style` attribute as the primary means of styling elements is generally not recommended.** In most cases, [`className`](#classname) should be used to reference classes defined in an external CSS stylesheet. `style` is most often used in React applications to add dynamically-computed styles at render time. See also [FAQ: Styling and CSS](/docs/faq-styling.html).
+>Niektóre przykłady w dokumentacji używają `style` dla wygody, ale **używanie atrybutu `style` do stylowania elementów ogólnie nie jest zalecane.** W większości przypadków należy korzystać z atrybutu [`className`](#classname), odnosząc się do klas definiowanych w zewnętrznym arkuszu stylów (ang. *stylesheet*). `style` jest najczęściej używany w aplikacjach reactowych do dodawania stylów dynamicznych, zmieniających się przy kolejnych renderowaniach. Zobacz też [FAQ: Stylowanie i CSS](/docs/faq-styling.html).


Suggested change

>Niektóre przykłady w dokumentacji używają `style` dla wygody, ale **używanie atrybutu `style` do stylowania elementów ogólnie nie jest zalecane.** W większości przypadków należy korzystać z atrybutu [`className`](#classname), odnosząc się do klas definiowanych w zewnętrznym arkuszu stylów (ang. *stylesheet*). `style` jest najczęściej używany w aplikacjach reactowych do dodawania stylów dynamicznych, zmieniających się przy kolejnych renderowaniach. Zobacz też [FAQ: Stylowanie i CSS](/docs/faq-styling.html).

>Niektóre przykłady w dokumentacji używają `style` dla wygody, ale **ogólnie rzecz biorąc, używanie atrybutu `style` do stylowania elementów nie jest zalecane.** W większości przypadków należy korzystać z atrybutu [`className`](#classname), odnosząc się do klas definiowanych w zewnętrznym arkuszu stylów (ang. *stylesheet*). `style` jest najczęściej używany w aplikacjach reactowych do dodawania stylów dynamicznych, zmieniających się przy kolejnych renderowaniach. Zobacz też [FAQ: Stylowanie i CSS](/docs/faq-styling.html).

Moim zdaniem "ogólnie rzecz biorąc" nie powinno być pogrubione.

g12i · 2019-03-18T19:15:04Z

content/docs/reference-dom-elements.md


-The `style` attribute accepts a JavaScript object with camelCased properties rather than a CSS string. This is consistent with the DOM `style` JavaScript property, is more efficient, and prevents XSS security holes. For example:
+Atrybut `style` przyjmuje javascriptowy obiekt z właściwościami zapisanymi w notacji camelCase (nie ciąg znaków jak w CSS). Jest to zgodne z właściwością DOM `style` w JavaScripcie, poprawia wydajność i zapobiega dziurom w zabezpieczeniach przed XSS. Przykład:


To jak w CSS mi nie pasuje, bo tu chodzi o różnicę pomiędzy zwykłym HTML-em, gdzie w style podajemy po prostu ciąg znaków, będący deklaracjami CSS.

To może "(zamiast ciągów znaków odpowiadających dyrektywom CSS)"?

OK, ale nie jestem pewien dyrektywy. Zetknąłeś się z tym gdzieś wcześniej?

A nie, sorry. Dyrektywy w CSS to np. @import lub @media. Tutaj to są właściwości :)

Może:

Atrybut style zamiast zwykłego ciągu znaków przyjmuje javascriptowy obiekt z właściwościami CSS zapisanymi w notacji camelCase.

g12i · 2019-03-18T19:16:28Z

content/docs/reference-dom-elements.md

 }
 ```

-Style keys are camelCased in order to be consistent with accessing the properties on DOM nodes from JS (e.g. `node.style.backgroundImage`). Vendor prefixes [other than `ms`](https://www.andismith.com/blogs/2012/02/modernizr-prefixed/) should begin with a capital letter. This is why `WebkitTransition` has an uppercase "W".
+Nazwy kluczy stylów zapisujemy w notacji camelCase, aby były zgodne z właściwościami węzłów DOM w JS (np. `node.style.backgroundImage`). Prefiksy dostawców (ang. *vendor prefixes*) [inne niż `ms`](https://www.andismith.com/blogs/2012/02/modernizr-prefixed/) powinny zaczynać się od wielkiej litery. Dlatego `WebkitTransition` zaczyna się od wielkiej litery "W".


Suggested change

Nazwy kluczy stylów zapisujemy w notacji camelCase, aby były zgodne z właściwościami węzłów DOM w JS (np. `node.style.backgroundImage`). Prefiksy dostawców (ang. *vendor prefixes*) [inne niż `ms`](https://www.andismith.com/blogs/2012/02/modernizr-prefixed/) powinny zaczynać się od wielkiej litery. Dlatego `WebkitTransition` zaczyna się od wielkiej litery "W".

Nazwy kluczy obiektu stylów zapisujemy w notacji camelCase, aby były zgodne z właściwościami węzłów DOM w JS (np. `node.style.backgroundImage`). Prefiksy dostawców (ang. *vendor prefixes*) [inne niż `ms`](https://www.andismith.com/blogs/2012/02/modernizr-prefixed/) powinny zaczynać się od wielkiej litery. Dlatego `WebkitTransition` zaczyna się od wielkiej litery "W".

g12i · 2019-03-18T19:19:06Z

content/docs/reference-dom-elements.md


 ### suppressContentEditableWarning {#suppresscontenteditablewarning}

-Normally, there is a warning when an element with children is also marked as `contentEditable`, because it won't work. This attribute suppresses that warning. Don't use this unless you are building a library like [Draft.js](https://facebook.github.io/draft-js/) that manages `contentEditable` manually.
+Zwykle gdy element posiadający potomków jest oznaczony jako `contentEditable`, pojawia się ostrzeżenie, ponieważ mechanizm ten nie zadziała prawidłowo. Ten atrybut wyłącza to ostrzeżenie. Nie używaj go, chyba że tworzysz bibliotekę zarządzającą właściwością `contentEditable` manualnie, jak np. [Draft.js](https://facebook.github.io/draft-js/).


Suggested change

Zwykle gdy element posiadający potomków jest oznaczony jako `contentEditable`, pojawia się ostrzeżenie, ponieważ mechanizm ten nie zadziała prawidłowo. Ten atrybut wyłącza to ostrzeżenie. Nie używaj go, chyba że tworzysz bibliotekę zarządzającą właściwością `contentEditable` manualnie, jak np. [Draft.js](https://facebook.github.io/draft-js/).

Zwykle gdy element posiadający potomka jest oznaczony jako `contentEditable`, pojawia się ostrzeżenie, ponieważ mechanizm ten nie zadziała prawidłowo. Ten atrybut wyłącza to ostrzeżenie. Nie używaj go, chyba że tworzysz bibliotekę ręcznie zarządzającą właściwością `contentEditable`, jak np. [Draft.js](https://facebook.github.io/draft-js/).

Wiem, że słowo "ręcznie" nie jest traktowane tu dosłownie, ale pasuje mi ono bardziej do osób/rzeczy, które mają ręce ;) Może jednak manualnie?
Druga sprawa: w angielskiej wersji jest napisane "children", co powinno zostać przetłumaczone na "potomków".

g12i · 2019-03-18T19:21:55Z

content/docs/reference-dom-elements.md


 ### value {#value}

-The `value` attribute is supported by `<input>` and `<textarea>` components. You can use it to set the value of the component. This is useful for building controlled components. `defaultValue` is the uncontrolled equivalent, which sets the value of the component when it is first mounted.
+Atrybut `value` jest wspierany przez elementy `<input>` oraz `<textarea>`. Możesz go użyć do ustawienia wartości komponentu. Jest to przydatne do budowania kontrolowanych komponentów. `defaultChecked` jest niekontrolowanym odpowiednikiem tego atrybutu, który określa, jaką wartość powinien mieć komponent przy pierwszym montowaniu.


Suggested change

Atrybut `value` jest wspierany przez elementy `<input>` oraz `<textarea>`. Możesz go użyć do ustawienia wartości komponentu. Jest to przydatne do budowania kontrolowanych komponentów. `defaultChecked` jest niekontrolowanym odpowiednikiem tego atrybutu, który określa, jaką wartość powinien mieć komponent przy pierwszym montowaniu.

Atrybut `value` jest wspierany przez elementy `<input>` oraz `<textarea>`. Możesz go użyć do ustawienia wartości komponentu. Jest to przydatne do budowania kontrolowanych komponentów. `defaultValue` jest niekontrolowanym odpowiednikiem tego atrybutu, który określa, jaką wartość powinien mieć komponent przy pierwszym montowaniu.

g12i · 2019-03-18T19:22:57Z

src/pages/index.js

@@ -133,7 +133,8 @@ class Home extends Component {
                        fontSize: 30,
                      },
                    }}>
-                    Biblioteka javascriptowa do tworzenia interfejsów użytkownika
+                    Biblioteka javascriptowa do tworzenia interfejsów


Czym jest podyktowana ta zmiana?

Możliwe, że te zmiany powstały w wyniku rozjechania się brancha Mateusza z naszym masterem. Ale docelowo powinno być "interfejsów użytkownika", więc ta zmiana jest jak najbardziej ok.

g12i · 2019-03-18T19:23:04Z

src/components/TitleAndMetaTags/TitleAndMetaTags.js

@@ -8,7 +8,8 @@
 import Helmet from 'react-helmet';
 import React from 'react';

-const defaultDescription = 'Biblioteka javascriptowa do tworzenia interfejsów użytkownika';
+const defaultDescription =


Czym jest podyktowana ta zmiana?

cvqprs · 2019-03-19T11:39:30Z

@czechowiczmateusz mozesz dodac zasugerowane zmiany? wtedy +1 i merga robimy

marcinostrouch

Dobrze się czyta to tłumaczenie. Podoba mi się. Proponuję jedynie kilka drobnych poprawek.

marcinostrouch · 2019-03-19T19:53:07Z

content/docs/reference-dom-elements.md


-There are a number of attributes that work differently between React and HTML:
+Jest kilka atrybutów, które działają inaczej niż w HTML:



Proponuję:

Suggested change

W Reakcie kilka atrybutów działa inaczej niż w HTML-u:

W takim razie wypadałoby odmienić skrót "HTML" jako "HTML-u".

marcinostrouch · 2019-03-19T19:59:48Z

content/docs/reference-dom-elements.md


 ### checked {#checked}

-The `checked` attribute is supported by `<input>` components of type `checkbox` or `radio`. You can use it to set whether the component is checked. This is useful for building controlled components. `defaultChecked` is the uncontrolled equivalent, which sets whether the component is checked when it is first mounted.
+Atrybut `checked` jest wspierany przez element `<input>` typu `checkbox` lub `radio`. Możesz go użyć do sprawdzenia, czy element jest zaznaczony. Jest to przydatne do budowania kontrolowanych komponentów. `defaultChecked` jest niekontrolowanym odpowiednikiem, który określa, czy komponent ma być zaznaczony przy pierwszym zamontowaniu.


Suggested change

Atrybut `checked` jest wspierany przez element `<input>` typu `checkbox` lub `radio`. Możesz go użyć do sprawdzenia, czy element jest zaznaczony. Jest to przydatne do budowania kontrolowanych komponentów. `defaultChecked` jest niekontrolowanym odpowiednikiem, który określa, czy komponent ma być zaznaczony przy pierwszym zamontowaniu.

Atrybut `checked` jest wspierany przez element `<input>` typu `checkbox` lub `radio`. Za jego pomocą można dany element ustawić jako odznaczony . Jest to przydatne podczas budowania kontrolowanych komponentów. `defaultChecked` jest niekontrolowanym odpowiednikiem, który określa, czy komponent ma być odznaczony przy pierwszym zamontowaniu.

marcinostrouch · 2019-03-19T20:01:19Z

content/docs/reference-dom-elements.md


 ### className {#classname}

-To specify a CSS class, use the `className` attribute. This applies to all regular DOM and SVG elements like `<div>`, `<a>`, and others.
+Do przypisania klasy CSS użyj atrybutu `className`. Dotyczy to wszystkich standardowych elementów DOM oraz SVG, takich jak `<div>`, `<a>` i innych.


Suggested change

Do przypisania klasy CSS użyj atrybutu `className`. Dotyczy to wszystkich standardowych elementów DOM oraz SVG, takich jak `<div>`, `<a>` i innych.

Aby przypisać klasę CSS należy użyć atrybutu `className`. Dotyczy to wszystkich standardowych elementów DOM oraz SVG, takich jak `<div>`, `<a>` i innych.

Suggested change

Do przypisania klasy CSS użyj atrybutu `className`. Dotyczy to wszystkich standardowych elementów DOM oraz SVG, takich jak `<div>`, `<a>` i innych.

Aby przypisać klasę CSS, należy użyć atrybutu `className`. Dotyczy to wszystkich standardowych elementów DOM oraz SVG, takich jak `<div>`, `<a>` i innych.

Brakujący przecinek.

marcinostrouch · 2019-03-19T20:02:36Z

content/docs/reference-dom-elements.md


-If you use React with Web Components (which is uncommon), use the `class` attribute instead.
+Gdy używasz Reacta z Web Components (co jest rzadkie), użyj atrybutu `class`.


Proponuję "stosuj" lub "używaj". Chodzi przecież o wielokrotne używanie.

Suggested change

Gdy używasz Reacta z Web Components (co jest rzadkie), użyj atrybutu `class`.

Gdy używasz Reacta z Web Components (co jest rzadkie), stosuj atrybut `class`.

marcinostrouch · 2019-03-19T20:09:01Z

content/docs/reference-dom-elements.md


 ### onChange {#onchange}

-The `onChange` event behaves as you would expect it to: whenever a form field is changed, this event is fired. We intentionally do not use the existing browser behavior because `onChange` is a misnomer for its behavior and React relies on this event to handle user input in real time.
+Zdarzenie `onChange` zachowuj się zgodnie z oczekiwaniami: jest aktywowane za każdym razem, gdy zmienia się wartość w polu formularza. Specjalnie nie używamy implementacji przeglądarkowej, ponieważ `onChange` ma nazwę nieadekwatną do zachowania. React natomiast używa tego zdarzenia do obsłużenia w czasie rzeczywistym zmian w danych wejściowych użytkownika.


Mam wątpliwość co do zdarzenia, które "zachowuje się". Wprawdzie tak to jest dosłownie ujęte w oryginale, ale może moglibyśmy dać tu coś w stylu:

Suggested change

Zdarzenie `onChange` zachowuj się zgodnie z oczekiwaniami: jest aktywowane za każdym razem, gdy zmienia się wartość w polu formularza. Specjalnie nie używamy implementacji przeglądarkowej, ponieważ `onChange` ma nazwę nieadekwatną do zachowania. React natomiast używa tego zdarzenia do obsłużenia w czasie rzeczywistym zmian w danych wejściowych użytkownika.

Zdarzenie `onChange` przebiega zgodnie z oczekiwaniami: jest aktywowane za każdym razem, gdy zmienia się wartość w polu formularza. Specjalnie nie używamy implementacji przeglądarkowej, ponieważ `onChange` ma nazwę nieadekwatną do zachowania. React natomiast używa tego zdarzenia do obsłużenia w czasie rzeczywistym zmian w danych wejściowych użytkownika.

marcinostrouch · 2019-03-19T20:11:44Z

content/docs/reference-dom-elements.md


 ### selected {#selected}

-The `selected` attribute is supported by `<option>` components. You can use it to set whether the component is selected. This is useful for building controlled components.
+Atrybut `selected` jest wspierany przez element `<option>`. Możesz go użyć do sprawdzenia, czy dany element listy został wybrany. Przydaje się do budowania kontrolowanych komponentów.


Suggested change

Atrybut `selected` jest wspierany przez element `<option>`. Możesz go użyć do sprawdzenia, czy dany element listy został wybrany. Przydaje się do budowania kontrolowanych komponentów.

Atrybut `selected` jest wspierany przez element `<option>`. Można go użyć, aby odznaczyć wybrany przez użytkownika element listy. Przydaje się to podczas budowania kontrolowanych komponentów.

marcinostrouch · 2019-03-19T20:18:01Z

content/docs/reference-dom-elements.md

 >
->Some examples in the documentation use `style` for convenience, but **using the `style` attribute as the primary means of styling elements is generally not recommended.** In most cases, [`className`](#classname) should be used to reference classes defined in an external CSS stylesheet. `style` is most often used in React applications to add dynamically-computed styles at render time. See also [FAQ: Styling and CSS](/docs/faq-styling.html).
+>Niektóre przykłady w dokumentacji używają `style` dla wygody, ale **używanie atrybutu `style` do stylowania elementów ogólnie nie jest zalecane.** W większości przypadków należy korzystać z atrybutu [`className`](#classname), odnosząc się do klas definiowanych w zewnętrznym arkuszu stylów (ang. *stylesheet*). `style` jest najczęściej używany w aplikacjach reactowych do dodawania stylów dynamicznych, zmieniających się przy kolejnych renderowaniach. Zobacz też [FAQ: Stylowanie i CSS](/docs/faq-styling.html).


Może nie pomijajmy "primary means of styling"? Poza tym "stylowanie elementów"? Może jednak "formatowanie wyglądu".

Suggested change

>Niektóre przykłady w dokumentacji używają `style` dla wygody, ale **używanie atrybutu `style` do stylowania elementów ogólnie nie jest zalecane.** W większości przypadków należy korzystać z atrybutu [`className`](#classname), odnosząc się do klas definiowanych w zewnętrznym arkuszu stylów (ang. *stylesheet*). `style` jest najczęściej używany w aplikacjach reactowych do dodawania stylów dynamicznych, zmieniających się przy kolejnych renderowaniach. Zobacz też [FAQ: Stylowanie i CSS](/docs/faq-styling.html).

>Niektóre przykłady w dokumentacji używają `style` dla wygody, ale **częste stosowanie atrybutu `style` do formatowania wyglądu elementów ogólnie nie jest zalecane.** W większości przypadków należy korzystać z atrybutu [`className`](#classname), odnosząc się do klas definiowanych w zewnętrznym arkuszu stylów (ang. *stylesheet*). `style` jest najczęściej używany w aplikacjach reactowych do dodawania stylów dynamicznych, zmieniających się przy kolejnych renderowaniach. Zobacz też [FAQ: Stylowanie i CSS](/docs/faq-styling.html).

Wiem, że to razi, ale tak się już utarło w języku programistycznym - "stylowanie komponentów". Ostatecznie skłoniłbym się ku "określaniu wyglądu".
Tak czy siak, masz literówkę - powinno być "formatowania".

marcinostrouch · 2019-03-19T20:25:15Z

content/docs/reference-dom-elements.md

 }
 ```

-Note that styles are not autoprefixed. To support older browsers, you need to supply corresponding style properties:
+Zauważ, że style nie mają automatycznie nadawanego prefiksu. Aby zapewnić wparcie dla starszych przeglądarek, musisz nadać odpowiednie właściwości:


Suggested change

Zauważ, że style nie mają automatycznie nadawanego prefiksu. Aby zapewnić wparcie dla starszych przeglądarek, musisz nadać odpowiednie właściwości:

Zauważ, że style nie mają automatycznie nadawanego prefiksu. Aby zapewnić kompatybilność ze starszymi przeglądarkami, musisz nadać im odpowiednie właściwości:

W takim razie powinno być "Aby zapewnić kompatybilność ze starymi przeglądarkami,...". To React dopasowuje się do starych przeglądarek, a nie przeglądarki do Reacta :)

marcinostrouch · 2019-03-19T20:32:36Z

content/docs/reference-dom-elements.md


-As of React 16, any standard [or custom](/blog/2017/09/08/dom-attributes-in-react-16.html) DOM attributes are fully supported.
+Od wersji 16. React wspiera wszystkie standardowe [i niestandardowe](/blog/2017/09/08/dom-attributes-in-react-16.html) atrybuty DOM.


Suggested change

Od wersji 16. React wspiera wszystkie standardowe [i niestandardowe](/blog/2017/09/08/dom-attributes-in-react-16.html) atrybuty DOM.

Poczynając od wersji 16-stej React wspiera wszystkie standardowe [i niestandardowe](/blog/2017/09/08/dom-attributes-in-react-16.html) atrybuty DOM.

cvqprs · 2019-03-28T08:20:20Z

Zamyka tego PR w zwiazku z brakiem odpowiedzi ze strony autora.

Wszystkie sugestie itp. dostępne sa tutaj: #62

Translate 'DOM Elements' page

0cd1d32

tesseralis mentioned this pull request Mar 4, 2019

[OLD] Legacy Polish Translation Progress #1

Closed

94 tasks

czechowiczmateusz added the needs review A pull request ready to be reviewed label Mar 4, 2019

jakubdrozdek reviewed Mar 5, 2019

View reviewed changes