Skip to content

Commit 180661a

Browse files
author
jakubdrozdek
committed
Change according to suggestions in PR
1 parent d06b6d4 commit 180661a

File tree

1 file changed

+5
-5
lines changed

1 file changed

+5
-5
lines changed

content/docs/state-and-lifecycle.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ setInterval(tick, 1000);
3131

3232
[**Przetestuj kod na CodePen**](http://codepen.io/gaearon/pen/gwoJZk?editors=0010)
3333

34-
W tym rozdziale dowiemy się, jak sprawić, by komponent `Clock` był w pełni hermetyczny i dawał się używać wielokrotnie. Wyposażymy go we własny timer, który będzie aktualizował się co sekundę.
34+
W tym rozdziale dowiemy się, jak sprawić, by komponent `Clock` był w pełni hermetyczny i zdatny do wielokrotnego użytku. Wyposażymy go we własny timer, który będzie aktualizował się co sekundę.
3535

3636
Zacznijmy od wyizolowania kodu, który odpowiada za wygląd zegara:
3737

@@ -57,7 +57,7 @@ setInterval(tick, 1000);
5757

5858
[**Przetestuj kod na CodePen**](http://codepen.io/gaearon/pen/dpdoYR?editors=0010)
5959

60-
Brakuje jeszcze fragmentu, który spełniałby kluczowe założenie: inicjalizacja timera i aktualizowanie strony co sekundę powinny być zaimplementowane w komponencie `Clock`.
60+
Brakuje jeszcze fragmentu, który spełniałby kluczowe założenie: inicjalizacja timera i aktualizowanie UI co sekundę powinny być zaimplementowane w komponencie `Clock`.
6161

6262
Idealnie byłoby móc napisać tylko tyle i oczekiwać, że `Clock` zajmie się resztą:
6363

@@ -413,7 +413,7 @@ Scalanie jest płytkie (ang. *shallow*), tzn. `this.setState({comments})` nie zm
413413

414414
## Dane płyną z góry na dół {#the-data-flows-down}
415415

416-
Ani komponenty-rodzice, ani ich dzieci nie wiedzą, czy jakiś komponent ma stan, czy też nie. Nie powinny się również przejmować tym, czy jest on funkcyjny, czy klasowy.
416+
Ani komponenty-rodzice, ani ich dzieci nie wiedzą, czy jakiś komponent posiada stan, czy też nie. Nie powinny się również przejmować tym, czy jest on funkcyjny, czy klasowy.
417417

418418
Właśnie z tego powodu stan jest nazywany lokalnym lub enkapsulowanym. Nie mają do niego dostępu żadne komponenty poza tym, który go posiada i modyfikuje.
419419

@@ -439,9 +439,9 @@ function FormattedDate(props) {
439439

440440
[**Przetestuj kod na CodePen**](http://codepen.io/gaearon/pen/zKRqNB?editors=0010)
441441

442-
Taki przepływ danych nazywany jest powszechnie jednokierunkowym (ang. *unidirectional*) lub "z góry na dół" (ang. *top-down*). Stan jest zawsze własnością konkretnego komponentu i wszelkie dane lub części UI powstałe w oparciu o niego mogą wpłynąć jedynie na komponenty znajdujące się "poniżej" w drzewie.
442+
Taki przepływ danych nazywany jest powszechnie jednokierunkowym (ang. *unidirectional*) lub "z góry na dół" (ang. *top-down*). Stan jest zawsze własnością konkretnego komponentu i wszelkie dane lub części UI, powstałe w oparciu o niego, mogą wpłynąć jedynie na komponenty znajdujące się "poniżej" w drzewie.
443443

444-
Wyobraź sobie, że drzewo komponentów to wodospad atrybutów. Stan każdego z komponentów to dodatkowe źródło wody, które go zasila, jednocześnie spadając w dół wraz z resztą wody.
444+
Wyobraź sobie, że drzewo komponentów to wodospad atrybutów, a stan każdego z komponentów to dodatkowe źródło wody, które go zasila, jednocześnie spadając w dół wraz z resztą wody.
445445

446446
Aby pokazać, że wszystkie komponenty są odizolowane od reszty, stwórzmy komponent `App`, który renderuje trzy elementy `<Clock>`:
447447

0 commit comments

Comments
 (0)