Translate `React.Component` page by arekmaz · Pull Request #47 · reactjs/pl.react.dev

arekmaz · 2019-03-07T18:10:35Z

This is the translation for the 'React.Component' page in API reference.

netlify · 2019-03-07T18:16:01Z

Deploy preview for pl-reactjs ready!

Built with commit 4364cda

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

Update React Router render func URL

Co-Authored-By: cvqprs <cvqprs@gmail.com>

Translate 'Introducing JSX' page.

Translate 'React API'

…sync-c0f4b342

… Methods` introduction

…introduction

@WojciechDanowski

Collaborated with @WojciechDanowski

Co-Authored-By: WojciechDanowskii <wojciechdanowskiz@gmail.com>

bartlomiejzuber

Dodałem kilka komentarzy. Bardzo dobra robota. 👍

bartlomiejzuber · 2019-04-13T11:05:35Z

-4. React DOM efficiently updates the DOM to match `<h1>Hello, Sara</h1>`.
+1. Wywołujemy `ReactDOM.render()` z elementem `<Welcome name="Sara" />`.
+2. React wywołuje komponent `Welcome` z właściwościami `{name: 'Sara'}`.
+3. Nasz komponent `Welcome` jako wynik zwraca element `<h1>Cześć, Sara</h1>`.


Suggested change

3. Nasz komponent `Welcome` jako wynik zwraca element `<h1>Cześć, Sara</h1>`.

3. Nasz komponent `Welcome`, zwraca jako wynik element `<h1>Cześć, Sara</h1>`.

bartlomiejzuber · 2019-04-13T11:06:15Z

+>React traktuje komponenty zaczynające się od małej litery jako tagi drzewa DOM. Na przykład, `<div />` reprezentuje HTML-owy znacznik 'div', ale już `<Welcome />` reprezentuje komponent i wymaga, aby `Welcome` było w zasięgu (ang. *scope*).
 >
->To learn more about the reasoning behind this convention, please read [JSX In Depth](/docs/jsx-in-depth.html#user-defined-components-must-be-capitalized).
+>Aby dowiedzieć się więcej o uzasadnieniu tej konwencji, przeczytaj [dogłębną analizę składni JSX](/docs/jsx-in-depth.html#user-defined-components-must-be-capitalized).


Suggested change

>Aby dowiedzieć się więcej o uzasadnieniu tej konwencji, przeczytaj [dogłębną analizę składni JSX](/docs/jsx-in-depth.html#user-defined-components-must-be-capitalized).

>Aby dowiedzieć się więcej o uzasadnieniu tej konwencji, przeczytaj [szczegółową analizę składni JSX](/docs/jsx-in-depth.html#user-defined-components-must-be-capitalized).

bartlomiejzuber · 2019-04-13T11:06:53Z

+>**Wskazówka:** Zawsze zaczynaj nazwy komponentów od dużej litery.
 >
->React treats components starting with lowercase letters as DOM tags. For example, `<div />` represents an HTML div tag, but `<Welcome />` represents a component and requires `Welcome` to be in scope.
+>React traktuje komponenty zaczynające się od małej litery jako tagi drzewa DOM. Na przykład, `<div />` reprezentuje HTML-owy znacznik 'div', ale już `<Welcome />` reprezentuje komponent i wymaga, aby `Welcome` było w zasięgu (ang. *scope*).


Suggested change

>React traktuje komponenty zaczynające się od małej litery jako tagi drzewa DOM. Na przykład, `<div />` reprezentuje HTML-owy znacznik 'div', ale już `<Welcome />` reprezentuje komponent i wymaga, aby `Welcome` było w zasięgu (ang. *scope*).

>React traktuje komponenty zaczynające się od małej litery jako tagi drzewa DOM. Na przykład, `<div />` reprezentuje HTML-owy znacznik 'div', ale już `<Welcome />` reprezentuje komponent i wymaga, aby `Welcome` był w zasięgu (ang. *scope*).

bartlomiejzuber · 2019-04-13T11:14:16Z

 [](codepen://components-and-props/extracting-components-continued)

-Extracting components might seem like grunt work at first, but having a palette of reusable components pays off in larger apps. A good rule of thumb is that if a part of your UI is used several times (`Button`, `Panel`, `Avatar`), or is complex enough on its own (`App`, `FeedStory`, `Comment`), it is a good candidate to be a reusable component.
+Wyciąganie komponentów może z początku wydawać się żmudnym zajęciem, ale posiadanie palety pozwalających na ponowne użycie komponentów jest opłacalne w większych aplikacjach. Dobrą praktyczną zasadą jest, że jeśli część twojego interfejsu użytkownika jest używana wielokrotnie (np. `Button`, `Panel`, `Avatar`) lub jest ona dostatecznie skomplikowana sama w sobie (np. `App`, `FeedStory`, `Comment`), jest ona dobrym kandydatem do stania się komponentem wielokrotnego użytku.


Suggested change

Wyciąganie komponentów może z początku wydawać się żmudnym zajęciem, ale posiadanie palety pozwalających na ponowne użycie komponentów jest opłacalne w większych aplikacjach. Dobrą praktyczną zasadą jest, że jeśli część twojego interfejsu użytkownika jest używana wielokrotnie (np. `Button`, `Panel`, `Avatar`) lub jest ona dostatecznie skomplikowana sama w sobie (np. `App`, `FeedStory`, `Comment`), jest ona dobrym kandydatem do stania się komponentem wielokrotnego użytku.

Wyciąganie komponentów może na początku wydawać się żmudnym zajęciem, ale posiadanie palety pozwalających na ponowne użycie komponentów jest opłacalne w większych aplikacjach. Dobrą praktyką jest tworzenie komponentów wielokrotnego użytku, jeśli część interfejsu użytkownika jest używana wielokrotnie (np. `Button`, `Panel`, `Avatar`) lub jest ona dostatecznie skomplikowana sama w sobie (np. `App`, `FeedStory`, `Comment`).

bartlomiejzuber · 2019-04-13T11:16:43Z

+    function handleStatusChange(status) {
+      setIsOnline(status.isOnline);
+    }
+


🤔 Nie bardzo rozumiem dlaczego przeniosłeś tę funkcję do środka useEffect ? Raczej nie zmieniamy kodu, jedynie nanosimy tłumaczenie.

bartlomiejzuber · 2019-04-13T11:17:21Z

-  }
-
  useEffect(() => {
+    function handleStatusChange(status) {


To samo co wyżej.

bartlomiejzuber · 2019-04-13T11:17:25Z

-  }
-
  useEffect(() => {
+    function handleStatusChange(status) {


To samo co wyżej.

bartlomiejzuber · 2019-04-13T11:18:57Z

+Zauważ, że dowolne [wyrażenie JavaScriptowe](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators#Expressions) możesz osadzić w JSX poprzez otoczenie go klamrami. Przykładowo, możesz użyć `2 + 2`, `user.firstName` czy `formatName(user)`, jako że są to prawidłowe wyrażenia w języku JavaScript. 

-In the example below, we embed the result of calling a JavaScript function, `formatName(user)`, into an `<h1>` element.
+W poniższym przykładzie umiejscawiamy wynik wywołania funkcji javascriptowej `formatName(user)` wewnątrz znacznika `<h1>`:


Suggested change

W poniższym przykładzie umiejscawiamy wynik wywołania funkcji javascriptowej `formatName(user)` wewnątrz znacznika `<h1>`:

W poniższym przykładzie umieszczamy wynik wywołania funkcji javascriptowej `formatName(user)` wewnątrz znacznika `<h1>`:

arekmaz · 2019-04-13T11:32:29Z

@bartlomiejzuber Te pliki, do których masz uwagi nie są częścią tego PRa. Te zmiany wynikają z tego, że zrobiłem (bezsensownie) rebase tego brancha. Zmianom w tym PRze uległ głównie plik content/docs/reference-react-component.md i pliki w nim zaembedowane. Chyba otworzę nowego PRa, w którym będą tylko moje zmiany dla przejrzystości. Sory za kłopot.

arekmaz · 2019-04-13T11:50:26Z

Otworzyłem nowy PR do tej strony #71

cvqprs and others added 4 commits March 4, 2019 19:02

New PR for introducing-jsx (previous translation included)

c5a4936

Fix for codepen translation

4e01dec

Update after review

c674e7c

Translate the introduction

e3fa6f2

arekmaz and others added 13 commits March 7, 2019 22:22

Translate Rendering Elements page (reactjs#42)

19e89b0

Update render-props.md (#1776)

acb2fd4

Update React Router render func URL

Rename App class component to Counter (#1739)

d6d30b6

Changes after review

a9256eb

Fixing format issues

ea5d790

Init translation

4209ef4

Changes after review

ef7cdb2

Update content/docs/introducing-jsx.md

aba2197

Co-Authored-By: cvqprs <cvqprs@gmail.com>

Merge pull request reactjs#39 from reactjs/introducing-jsx

6050594

Translate 'Introducing JSX' page.

Changes after review

54d6406

Final changes after review

feb6d79

Translate 'Getting Started' page (reactjs#49)

3cffa6c

Merge pull request reactjs#48 from reactjs/react-api

5b0f29b

Translate 'React API'

cvqprs added the needs review A pull request ready to be reviewed label Mar 10, 2019

cvqprs requested review from bartlomiejzuber, cvqprs, czechowiczmateusz, g12i, iamarek, jakubdrozdek and marcinostrouch March 10, 2019 18:18

Fix small typo in blog post (#1803)

c0f4b34

jakubdrozdek added work in progress Author opened the pull-request but it's still being worked on and removed needs review A pull request ready to be reviewed labels Mar 11, 2019

Merge branch 'master' of https://github.com/reactjs/reactjs.org into …

20bbd0f

…sync-c0f4b342

arekmaz added 4 commits March 19, 2019 22:25

Translate componentWillUnmount() section and `Rarely Used Lifecycle…

0db0427

… Methods` introduction

Translate static getDerivedStateFromProps() section

cdfb00a

Translate getSnapshotBeforeUpdate() section

b6df24e

Translate get-snapshot-before-update example

5498428

cvqprs assigned arekmaz Mar 26, 2019

Translate getSnapshotBeforeUpdate() section

24706c3

arekmaz assigned arekmaz and unassigned arekmaz Mar 26, 2019

arekmaz and others added 9 commits March 27, 2019 17:23

Translate static getDerivedStateFromError() section

a1a88eb

Translate componentDidCatch() section and legacy lifecycle methods …

2092723

…introduction

Translate UNSAFE_componentWillMount() section

c57a0e5

Traslate UNSAFE_componentWillReceiveProps() section

a32e6a1

Translate UNSAFE_componentWillUpdate() section.

1e53cf2

Collaborated with @WojciechDanowski

Translate 'Other APIs' introduction.

9a2b79b

Co-Authored-By: WojciechDanowskii <wojciechdanowskiz@gmail.com>

Translate setState() section

d4ea65f

Translate forceUpdate() section

86684de

Translate defaultProps section

b5b3042

cvqprs added the 💪 long page - more than 400 lines Long page label Apr 7, 2019

arekmaz added 4 commits April 7, 2019 09:03

Translate displayName section

af42e5c

Translate props section

de858e4

Translate state section

8e44284

Minor translation fixes

4364cda

arekmaz marked this pull request as ready for review April 7, 2019 07:24

arekmaz requested a review from a team April 7, 2019 07:24

arekmaz added needs review A pull request ready to be reviewed and removed work in progress Author opened the pull-request but it's still being worked on labels Apr 7, 2019

bartlomiejzuber reviewed Apr 13, 2019

View reviewed changes

arekmaz closed this Apr 13, 2019

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Translate `React.Component` page#47

Translate `React.Component` page#47
arekmaz wants to merge 66 commits intoreactjs:masterfrom
arekmaz:translate-react.component

arekmaz commented Mar 7, 2019

Uh oh!

netlify Bot commented Mar 7, 2019 •

edited

Loading

Uh oh!

bartlomiejzuber left a comment

Uh oh!

bartlomiejzuber Apr 13, 2019

Uh oh!

bartlomiejzuber Apr 13, 2019

Uh oh!

bartlomiejzuber Apr 13, 2019

Uh oh!

bartlomiejzuber Apr 13, 2019

Uh oh!

bartlomiejzuber Apr 13, 2019

Uh oh!

bartlomiejzuber Apr 13, 2019

Uh oh!

bartlomiejzuber Apr 13, 2019

Uh oh!

bartlomiejzuber Apr 13, 2019

Uh oh!

arekmaz commented Apr 13, 2019

Uh oh!

arekmaz commented Apr 13, 2019

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

16 participants

	3. Nasz komponent `Welcome` jako wynik zwraca element `<h1>Cześć, Sara</h1>`.
	3. Nasz komponent `Welcome`, zwraca jako wynik element `<h1>Cześć, Sara</h1>`.

	>Aby dowiedzieć się więcej o uzasadnieniu tej konwencji, przeczytaj [dogłębną analizę składni JSX](/docs/jsx-in-depth.html#user-defined-components-must-be-capitalized).
	>Aby dowiedzieć się więcej o uzasadnieniu tej konwencji, przeczytaj [szczegółową analizę składni JSX](/docs/jsx-in-depth.html#user-defined-components-must-be-capitalized).

	>React traktuje komponenty zaczynające się od małej litery jako tagi drzewa DOM. Na przykład, `<div />` reprezentuje HTML-owy znacznik 'div', ale już `<Welcome />` reprezentuje komponent i wymaga, aby `Welcome` było w zasięgu (ang. scope).
	>React traktuje komponenty zaczynające się od małej litery jako tagi drzewa DOM. Na przykład, `<div />` reprezentuje HTML-owy znacznik 'div', ale już `<Welcome />` reprezentuje komponent i wymaga, aby `Welcome` był w zasięgu (ang. scope).

	W poniższym przykładzie umiejscawiamy wynik wywołania funkcji javascriptowej `formatName(user)` wewnątrz znacznika `<h1>`:
	W poniższym przykładzie umieszczamy wynik wywołania funkcji javascriptowej `formatName(user)` wewnątrz znacznika `<h1>`:

Conversation

arekmaz commented Mar 7, 2019

Uh oh!

netlify Bot commented Mar 7, 2019 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

bartlomiejzuber left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

arekmaz commented Apr 13, 2019

Uh oh!

arekmaz commented Apr 13, 2019

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

16 participants

netlify Bot commented Mar 7, 2019 •

edited

Loading