@@ -384,13 +384,13 @@ export default function List() {
{person.name}:
{' ' + person.profession + ' '}
- known for {person.accomplishment}
+ znany(-a) za {person.accomplishment}
);
return (
- Scientists
+ Naukowcy
);
@@ -401,32 +401,32 @@ export default function List() {
export const people = [{
id: 0,
name: 'Creola Katherine Johnson',
- profession: 'mathematician',
- accomplishment: 'spaceflight calculations',
+ profession: 'matematyczka',
+ accomplishment: 'obliczenia dot. lotów kosmicznych',
imageId: 'MK3eW3A'
}, {
id: 1,
name: 'Mario José Molina-Pasquel Henríquez',
- profession: 'chemist',
- accomplishment: 'discovery of Arctic ozone hole',
+ profession: 'chemik',
+ accomplishment: 'odkrycie dziury ozonowej na Arktyce',
imageId: 'mynHUSa'
}, {
id: 2,
name: 'Mohammad Abdus Salam',
- profession: 'physicist',
- accomplishment: 'electromagnetism theory',
+ profession: 'fizyk',
+ accomplishment: 'teoria elektromagnetyzmu',
imageId: 'bE7W1ji'
}, {
id: 3,
name: 'Percy Lavon Julian',
- profession: 'chemist',
- accomplishment: 'pioneering cortisone drugs, steroids and birth control pills',
+ profession: 'chemik',
+ accomplishment: 'pionier w dziedzinie leków kortyzonowych, sterydowych i tabletek antykoncepcyjnych',
imageId: 'IOjWm71'
}, {
id: 4,
name: 'Subrahmanyan Chandrasekhar',
- profession: 'astrophysicist',
- accomplishment: 'white dwarf star mass calculations',
+ profession: 'astrofizyk',
+ accomplishment: 'sposób liczenia masy białych karłów (gwiazd)',
imageId: 'lrWQx8l'
}];
```
@@ -458,18 +458,18 @@ h2 { font-size: 20px; }
-Read **[Rendering Lists](/learn/rendering-lists)** to learn how to render a list of components, and how to choose a key.
+Aby dowiedzieć się jak wyrenderować listę komponentów i jak wybrać odpowiednie klucze, przeczytaj rozdział pt. **[Renderowanie list](/learn/rendering-lists)**.
-## Keeping components pure {/*keeping-components-pure*/}
+## Czyste komponenty {/*keeping-components-pure*/}
-Some JavaScript functions are *pure.* A pure function:
+W JavaScripcie niektóre funkcje są *czyste*. Czysta funkcja:
-* **Minds its own business.** It does not change any objects or variables that existed before it was called.
-* **Same inputs, same output.** Given the same inputs, a pure function should always return the same result.
+* **Zajmuje się tylko swoimi sprawami.** Nie zmienia żadnych obiektów ani zmiennych, które istniały przed jej wywołaniem.
+* **To samo wejście, to samo wyjście.** Dla takich samych danych wejściowych czysta funkcja zawsze zwraca ten sam wynik.
-By strictly only writing your components as pure functions, you can avoid an entire class of baffling bugs and unpredictable behavior as your codebase grows. Here is an example of an impure component:
+Pisząc komponenty w formie czystych funkcji możesz ustrzec się przed masą kłopotliwych błędów i nieprzewidywalnych zachowań w razie rozrostu projektu. Poniżej przedstawiliśmy przykład komponentu nieczystego:
@@ -477,9 +477,9 @@ By strictly only writing your components as pure functions, you can avoid an ent
let guest = 0;
function Cup() {
- // Bad: changing a preexisting variable!
+ // Źle: zmienia istniejącą wcześniej zmienną!
guest = guest + 1;
- return Tea cup for guest #{guest}
;
+ return Herbatka dla gościa #{guest}
;
}
export default function TeaSet() {
@@ -495,13 +495,13 @@ export default function TeaSet() {
-You can make this component pure by passing a prop instead of modifying a preexisting variable:
+Możesz przekształcić ten komponent w czysty przekazując mu właściwość zamiast modyfikować istniejącą już zmienną:
```js
function Cup({ guest }) {
- return Tea cup for guest #{guest}
;
+ return Herbatka dla gościa #{guest}
;
}
export default function TeaSet() {
@@ -519,12 +519,12 @@ export default function TeaSet() {
-Read **[Keeping Components Pure](/learn/keeping-components-pure)** to learn how to write components as pure, predictable functions.
+Aby dowiedzieć się jak pisać czyste funkcje o łatwym do przewidzenia wyniku działania, przeczytaj rozdział pt. **[Czyste komponenty](/learn/keeping-components-pure)**.
-## What's next? {/*whats-next*/}
+## Co dalej? {/*whats-next*/}
-Head over to [Your First Component](/learn/your-first-component) to start reading this chapter page by page!
+Zacznij od rozdziału pt. [Twój pierwszy komponent](/learn/your-first-component)!
-Or, if you're already familiar with these topics, why not read about [Adding Interactivity](/learn/adding-interactivity)?
+Albo, jeśli znasz już ten temat od podszewki, może chcesz dowiedzieć się, jak [dodać interaktywność](/learn/adding-interactivity) w aplikacji?
