Skip to content

Commit 8d6ce6b

Browse files
committed
Resolve merged conflicts
1 parent cdb88f0 commit 8d6ce6b

File tree

4 files changed

+9
-55
lines changed

4 files changed

+9
-55
lines changed

src/content/learn/conditional-rendering.md

Lines changed: 2 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -53,11 +53,7 @@ export default function PackingList() {
5353

5454
</Sandpack>
5555

56-
<<<<<<< HEAD
57-
Zauważ, że dla niektórych komponentów `Item` właściwość `isPacked` ustawiono na `true` zamiast `false`. Chcielibyśmy, żeby przy spakowanych przedmiotach, które mają ustawione `isPacked={true}`, wyświetlał się "ptaszek" (✔).
58-
=======
59-
Notice that some of the `Item` components have their `isPacked` prop set to `true` instead of `false`. You want to add a checkmark (✅) to packed items if `isPacked={true}`.
60-
>>>>>>> 6ae99dddc3b503233291da96e8fd4b118ed6d682
56+
Zauważ, że dla niektórych komponentów `Item` właściwość `isPacked` ustawiono na `true` zamiast `false`. Chcielibyśmy, żeby przy spakowanych przedmiotach, które mają ustawione `isPacked={true}`, wyświetlał się "ptaszek" (✅).
6157

6258
Możesz to zapisać za pomocą [warunku `if`/`else`](https://developer.mozilla.org/pl/docs/Web/JavaScript/Reference/Statements/if...else) w ten sposób:
6359

@@ -208,11 +204,7 @@ return (
208204
);
209205
```
210206

211-
<<<<<<< HEAD
212-
Możesz to wyrażenie przeczytać jako: *"jeśli `isPacked` ma wartość `true`, wtedy (`?`) wyrenderuj `name + ' ✔'`, w przeciwnym razie (`:`) wyrenderuj `name`."*)
213-
=======
214-
You can read it as *"if `isPacked` is true, then (`?`) render `name + ' ✅'`, otherwise (`:`) render `name`"*.
215-
>>>>>>> 6ae99dddc3b503233291da96e8fd4b118ed6d682
207+
Możesz to wyrażenie przeczytać jako: *"jeśli `isPacked` ma wartość `true`, wtedy (`?`) wyrenderuj `name + ' ✅'`, w przeciwnym razie (`:`) wyrenderuj `name`."*)
216208

217209
<DeepDive>
218210

src/content/learn/react-developer-tools.md

Lines changed: 3 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -58,36 +58,10 @@ Na koniec odśwież stronę w przeglądarce, aby podejrzeć ją w narzędziach d
5858

5959
![Narzędzia deweloperskie dla Reacta - wersja samodzielna](/images/docs/react-devtools-standalone.png)
6060

61-
<<<<<<< HEAD
6261
## Aplikacje mobilne (React Native) {/*mobile-react-native*/}
6362

64-
Narzędzi deweloperskich dla Reacta można z powodzeniem używać również do podglądania aplikacji napisanych w [React Native](https://reactnative.dev/).
65-
66-
Najprościej jest zainstalować je globalnie:
67-
68-
```bash
69-
# Yarn
70-
yarn global add react-devtools
71-
=======
72-
## Mobile (React Native) {/*mobile-react-native*/}
73-
74-
To inspect apps built with [React Native](https://reactnative.dev/), you can use [React Native DevTools](https://reactnative.dev/docs/debugging/react-native-devtools), the built-in debugger that deeply integrates React Developer Tools. All features work identically to the browser extension, including native element highlighting and selection.
75-
>>>>>>> 6ae99dddc3b503233291da96e8fd4b118ed6d682
76-
77-
[Learn more about debugging in React Native.](https://reactnative.dev/docs/debugging)
78-
79-
<<<<<<< HEAD
80-
Teraz uruchom narzędzia deweloperskie z terminala.
81-
82-
```bash
83-
react-devtools
84-
```
85-
86-
Powinno nastąpić połączenie do lokalnie działającej aplikacji.
87-
88-
> Jeśli połączenie nie nastąpi w ciągu następnych kilku sekund, spróbuj załadować aplikację ponownie.
63+
Do inspekcji aplikacji zbudowanych w [React Native](https://reactnative.dev/) możesz wykorzystać [React Native DevTools](https://reactnative.dev/docs/debugging/react-native-devtools), czyli wbudowany debugger głęboko zintegrowany z React Developer Tools. Wszystkie funkcje w nim działają identycznie jak w przypadku rozszerzenia przeglądarkowego, wliczając w to podświetlanie i zaznaczanie natywnych elementów.
8964

9065
[Dowiedz się więcej o debuggowaniu w React Native.](https://reactnative.dev/docs/debugging)
91-
=======
92-
> For versions of React Native earlier than 0.76, please use the standalone build of React DevTools by following the [Safari and other browsers](#safari-and-other-browsers) guide above.
93-
>>>>>>> 6ae99dddc3b503233291da96e8fd4b118ed6d682
66+
67+
> W przypadku React Native w wersjach wcześniejszych niż 0.76 zalecamy korzystanie z samodzielnej wersji React DevTools. Więcej na ten temat dowiesz się z powyższej sekcji [Safari i inne przeglądarki](#safari-and-other-browsers).

src/content/learn/thinking-in-react.md

Lines changed: 2 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -265,19 +265,11 @@ W poprzednim kroku znaleźliśmy dwa fragmenty stanu aplikacji: tekst wyszukiwar
265265

266266
Zastosujmy na tym stanie poznaną przez nas strategię:
267267

268-
<<<<<<< HEAD
269268
1. **Zidentyfikuj komponenty, które korzystają z tego stanu:**
270269
* `ProductTable` musi filtrować produkty na podstawie tego stanu (tekstu wyszukiwarki i wartości pola wyboru).
271270
* `SearchBar` musi wyświetlać ten stan (tekst wyszukiwarki i wartość pola wyboru).
272-
1. **Znajdź ich wspólnego rodzica:** Pierwszym rodzicem wspólnym dla obydwu komponentów jest `FilterableProductTable`.
273-
2. **Zdecyduj, gdzie stan powinien być umieszczony**: Będziemy trzymać go w `FilterableProductTable`.
274-
=======
275-
1. **Identify components that use state:**
276-
* `ProductTable` needs to filter the product list based on that state (search text and checkbox value).
277-
* `SearchBar` needs to display that state (search text and checkbox value).
278-
2. **Find their common parent:** The first parent component both components share is `FilterableProductTable`.
279-
3. **Decide where the state lives**: We'll keep the filter text and checked state values in `FilterableProductTable`.
280-
>>>>>>> 6ae99dddc3b503233291da96e8fd4b118ed6d682
271+
2. **Znajdź ich wspólnego rodzica:** Pierwszym rodzicem wspólnym dla obydwu komponentów jest `FilterableProductTable`.
272+
3. **Zdecyduj, gdzie stan powinien być umieszczony**: Będziemy trzymać go w `FilterableProductTable`.
281273

282274
Tak więc wartości stanu będą przechowywane w komponencie `FilterableProductTable`.
283275

src/content/reference/react/useState.md

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -87,13 +87,9 @@ Funkcje `set` nie zwracają żadnej wartości.
8787
8888
* React [grupuje aktualizacje stanu](/learn/queueing-a-series-of-state-updates). Aktualizuje on ekran **po zakończeniu działania wszystkich procedur obsługi zdarzeń** i po tym, jak te procedury wywoją odpowiednie funkcje `set`. Zapobiega to wielokrotnemu renderowaniu komponentu podczas pojedynczego zdarzenia. W rzadkich sytuacjach, kiedy chcesz wymusić wcześniejsze zaktualizowanie ekranu, np. aby odczytać coś z DOM, możesz użyć funkcji [`flushSync`](/apis/react-dom/flushsync).
8989
90-
<<<<<<< HEAD
91-
* Wywołanie funkcji `set` *podczas renderowania* jest dozwolone tylko w ramach aktualnie renderowanego komponentu. React zignoruje wynik aktualnego renderowania i natychmiast spróbuje wyrenderować go ponownie z nowym stanem. Ten wzorzec jest rzadko stosowany, jednak możesz go użyć, aby **zapisać dane z poprzedniego renderowania**. [Zobacz przykład powyżej.](#storing-information-from-previous-renders)
92-
=======
93-
* The `set` function has a stable identity, so you will often see it omitted from Effect dependencies, but including it will not cause the Effect to fire. If the linter lets you omit a dependency without errors, it is safe to do. [Learn more about removing Effect dependencies.](/learn/removing-effect-dependencies#move-dynamic-objects-and-functions-inside-your-effect)
90+
* Funkcja `set` ma stabilną tożsamość, dlatego często pomija się ją w liście zależności Efektu, jednak uwzględnienie jej nie będzie powodować niepotrzebnych wywołań Efektu. Jeśli linter pozwala ci pominąć tę zależność bez błędów, rób to śmiało. [Dowiedz się więcej o usuwaniu zależności Efektów.](/learn/removing-effect-dependencies#move-dynamic-objects-and-functions-inside-your-effect)
9491
95-
* Calling the `set` function *during rendering* is only allowed from within the currently rendering component. React will discard its output and immediately attempt to render it again with the new state. This pattern is rarely needed, but you can use it to **store information from the previous renders**. [See an example below.](#storing-information-from-previous-renders)
96-
>>>>>>> 6ae99dddc3b503233291da96e8fd4b118ed6d682
92+
* Wywołanie funkcji `set` *podczas renderowania* jest dozwolone tylko w ramach aktualnie renderowanego komponentu. React zignoruje wynik aktualnego renderowania i natychmiast spróbuje wyrenderować go ponownie z nowym stanem. Ten wzorzec jest rzadko stosowany, jednak możesz go użyć, aby **zapisać dane z poprzedniego renderowania**. [Zobacz przykład powyżej.](#storing-information-from-previous-renders)
9793
9894
* W Trybie Restrykcyjnym (ang. *Strict Mode*) React **wywoła twoją funkcję aktualizującą dwukrotnie**, aby [pomóc ci w zlokalizowaniu niechcianych "nieczystości"](#my-initializer-or-updater-function-runs-twice). To zachowanie tyczy się tylko środowiska deweloperskiego i nie wpływa na produkcję. Jeśli twoja funkcja aktualizująca jest "czysta" (a powinna być), nie wpłynie to w żaden sposób na logikę twojego komponentu. Wynik z jednego z wywołań tej funkcji zostanie zwyczajnie zignorowany.
9995

0 commit comments

Comments
 (0)