Skip to content

Commit 0524808

Browse files
committed
Fix: Refactor documentation to use lowercase 'hook' consistently
1 parent 51370cd commit 0524808

File tree

2 files changed

+16
-17
lines changed

2 files changed

+16
-17
lines changed

pl.react.dev

Lines changed: 0 additions & 1 deletion
This file was deleted.

src/content/learn/state-a-components-memory.md

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,8 @@ Komponenty często muszą zmieniać to, co jest wyświetlane na ekranie w wyniku
1010

1111
<YouWillLearn>
1212

13-
* Jak dodać zmienną stanu za pomocą Hooka [`useState`](/reference/react/useState)
14-
* Jaką parę wartości zwraca Hook `useState`
13+
* Jak dodać zmienną stanu za pomocą hooka [`useState`](/reference/react/useState)
14+
* Jaką parę wartości zwraca hook `useState`
1515
* Jak dodać więcej niż jedną zmienną stanu
1616
* Dlaczego stan nazywa się lokalnym
1717

@@ -331,17 +331,17 @@ button {
331331

332332
</Sandpack>
333333

334-
### Poznaj swój pierwszy Hook {/*meet-your-first-hook*/}
334+
### Poznaj swój pierwszy hook {/*meet-your-first-hook*/}
335335

336-
W Reakcie, `useState`, a także każda inna funkcja zaczynająca się od "`use`", nazywana jest Hookiem.
336+
W Reakcie, `useState`, a także każda inna funkcja zaczynająca się od "`use`", nazywana jest hookiem.
337337

338338
*Hooki* to specjalne funkcje, które są dostępne tylko podczas [renderowania](/learn/render-and-commit#step-1-trigger-a-render) (o czym opowiemy szczegółowo na następnej stronie). Pozwalają one na "podłączenie się" do różnych funkcji Reacta.
339339

340-
Stan to tylko jedna z tych funkcji, inne Hooki poznasz później.
340+
Stan to tylko jedna z tych funkcji, inne hooki poznasz później.
341341

342342
<Pitfall>
343343

344-
**Hooki—funkcje rozpoczynające się od `use`—można wywoływać tylko na najwyższym poziomie komponentów lub [własnych Hooków.](/learn/reusing-logic-with-custom-hooks)** Nie możesz wywoływać Hooków wewnątrz warunków, pętli ani innych zagnieżdżonych funkcji. Hooki to funkcje, ale warto myśleć o nich jako o bezwarunkowych deklaracjach dotyczących potrzeb komponentu. "Używasz" funkcji Reacta na górze komponentu, podobnie jak "importujesz" moduły na górze pliku.
344+
**Hooki—funkcje rozpoczynające się od `use`—można wywoływać tylko na najwyższym poziomie komponentów lub [własnych hooków.](/learn/reusing-logic-with-custom-hooks)** Nie możesz wywoływać hooków wewnątrz warunków, pętli ani innych zagnieżdżonych funkcji. hooki to funkcje, ale warto myśleć o nich jako o bezwarunkowych deklaracjach dotyczących potrzeb komponentu. "Używasz" funkcji Reacta na górze komponentu, podobnie jak "importujesz" moduły na górze pliku.
345345

346346
</Pitfall>
347347

@@ -528,9 +528,9 @@ Dobrym pomysłem jest posiadanie wielu zmiennych stanu, jeśli ich stan nie jest
528528

529529
Być może zauważyłeś, że wywołanie `useState` nie otrzymuje żadnych informacji o tym, do *której* zmiennej stanu się odnosi. Nie ma żadnego "identyfikatora", który jest przekazywany do `useState`, więc jak React wie, którą zmienną stanu zwrócić? Czy polega to na jakiejś magii, jak analizowanie twoich funkcji? Odpowiedź brzmi nie.
530530

531-
Zamiast tego, aby umożliwić ich zwięzłą składnię, Hooki **opierają się na stabilnej kolejności wywołań przy każdym renderze tego samego komponentu.** Działa to dobrze w praktyce, ponieważ jeśli przestrzegasz zasady powyżej ("wywołuj Hooki tylko na najwyższym poziomie"), Hooki będą zawsze wywoływane w tej samej kolejności. Dodatkowo [plugin lintera](https://www.npmjs.com/package/eslint-plugin-react-hooks) wychwytuje większość błędów.
531+
Zamiast tego, aby umożliwić ich zwięzłą składnię, hooki **opierają się na stabilnej kolejności wywołań przy każdym renderze tego samego komponentu.** Działa to dobrze w praktyce, ponieważ jeśli przestrzegasz zasady powyżej ("wywołuj hooki tylko na najwyższym poziomie"), hooki będą zawsze wywoływane w tej samej kolejności. Dodatkowo [plugin lintera](https://www.npmjs.com/package/eslint-plugin-react-hooks) wychwytuje większość błędów.
532532

533-
Wewnątrz Reacta, dla każdego komponentu przechowywana jest tablica par stanu. React utrzymuje również bieżący indeks pary, który jest ustawiony na `0` przed renderowaniem. Za każdym razem, gdy wywołujesz `useState`, React zwraca kolejną parę stanu i inkrementuje indeks. Możesz poczytać więcej o tym mechanizmie w artykule [React Hooks: Not Magic, Just Arrays.](https://medium.com/@ryardley/react-hooks-not-magic-just-arrays-cd4f1857236e)
533+
Wewnątrz Reacta, dla każdego komponentu przechowywana jest tablica par stanu. React utrzymuje również bieżący indeks pary, który jest ustawiony na `0` przed renderowaniem. Za każdym razem, gdy wywołujesz `useState`, React zwraca kolejną parę stanu i inkrementuje indeks. Możesz poczytać więcej o tym mechanizmie w artykule [React hooks: Not Magic, Just Arrays.](https://medium.com/@ryardley/react-hooks-not-magic-just-arrays-cd4f1857236e)
534534

535535
Ten przykład **nie używa Reacta** ale da ci wyobrażenie o tym, jak `useState` działa od środka:
536536

@@ -546,7 +546,7 @@ function useState(initialState) {
546546
if (pair) {
547547
// To nie jest pierwszy render,
548548
// więc para stanu już istnieje.
549-
// Zwróć ją i przygotuj się na następne wywołanie Hooka.
549+
// Zwróć ją i przygotuj się na następne wywołanie hooka.
550550
currentHookIndex++;
551551
return pair;
552552
}
@@ -563,7 +563,7 @@ function useState(initialState) {
563563
}
564564

565565
// Przechowaj parę na przyszłe renderowania
566-
// i przygotuj się na następne wywołanie Hooka
566+
// i przygotuj się na następne wywołanie hooka
567567
componentHooks[currentHookIndex] = pair;
568568
currentHookIndex++;
569569
return pair;
@@ -598,7 +598,7 @@ function Gallery() {
598598
}
599599

600600
function updateDOM() {
601-
// Zresetuj bieżący indeks Hooka
601+
// Zresetuj bieżący indeks hooka
602602
// przed renderowaniem komponentu.
603603
currentHookIndex = 0;
604604
let output = Gallery();
@@ -900,9 +900,9 @@ Co jeśli chciałbyś, aby obie galerie miały zsynchronizowany stan? W Reakcie
900900
<Recap>
901901

902902
* Użyj zmiennej stanu, gdy komponent musi "zapamiętać" pewne informacje pomiędzy renderowaniami.
903-
* Zmienne stanu deklaruje się poprzez wywołanie Hooka `useState`.
903+
* Zmienne stanu deklaruje się poprzez wywołanie hooka `useState`.
904904
* Hooki to specjalne funkcje rozpoczynające się od `use`. Pozwalają one „podłączyć się” do funkcji Reacta, takich jak stan.
905-
* Hooki mogą przypominać importy: muszą być wywoływane bezwarunkowo. Wywoływanie Hooków, w tym `useState`, jest poprawne tylko na najwyższym poziomie komponentu lub innego Hooka.
905+
* Hooki mogą przypominać importy: muszą być wywoływane bezwarunkowo. Wywoływanie hooków, w tym `useState`, jest poprawne tylko na najwyższym poziomie komponentu lub innego hooka.
906906
* Hook `useState` zwraca parę wartości: aktualny stan oraz funkcję do jego aktualizacji.
907907
* Możesz mieć więcej niż jedną zmienną stanu. Wewnętrznie React dopasowuje je według kolejności.
908908
* Stan jest prywatny dla komponentu. Jeśli renderujesz go w dwóch miejscach, każda kopia ma swój własny stan.
@@ -1331,7 +1331,7 @@ Oto mały formularz, który ma pozwolić użytkownikowi zostawić opinię. Kiedy
13311331

13321332
<Hint>
13331333

1334-
Czy istnieją jakieś ograniczenia dotyczące _gdzie_ można wywoływać Hooki? Does this component break any rules? Czy ten komponent łamie jakieś zasady? Sprawdź, czy w kodzie znajdują się komentarze wyłączające sprawdzanie przez lintera — to tam często ukrywają się błędy!
1334+
Czy istnieją jakieś ograniczenia dotyczące _gdzie_ można wywoływać hooki? Does this component break any rules? Czy ten komponent łamie jakieś zasady? Sprawdź, czy w kodzie znajdują się komentarze wyłączające sprawdzanie przez lintera — to tam często ukrywają się błędy!
13351335

13361336
</Hint>
13371337

@@ -1407,9 +1407,9 @@ export default function FeedbackForm() {
14071407

14081408
</Sandpack>
14091409

1410-
Pamiętaj, że Hooki muszą być wywoływane bezwarunkowo i zawsze w tej samej kolejności!
1410+
Pamiętaj, że hooki muszą być wywoływane bezwarunkowo i zawsze w tej samej kolejności!
14111411

1412-
Możesz również usunąć niepotrzebną gałąź `else`, aby zredukować zagnieżdżenie. Ważne jest jednak, aby wszystkie wywołania Hooków miały miejsce *przed* pierwszym `return`.
1412+
Możesz również usunąć niepotrzebną gałąź `else`, aby zredukować zagnieżdżenie. Ważne jest jednak, aby wszystkie wywołania hooków miały miejsce *przed* pierwszym `return`.
14131413

14141414
<Sandpack>
14151415

0 commit comments

Comments
 (0)