Skip to content

Commit

Permalink
i18n(pl): Fixes provided by Rezix
Browse files Browse the repository at this point in the history
  • Loading branch information
Panelinio committed Oct 3, 2024
1 parent cef9689 commit f4afe46
Showing 1 changed file with 9 additions and 9 deletions.
18 changes: 9 additions & 9 deletions src/content/docs/pl/basics/astro-syntax.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ i18nReady: true

**Jeśli znasz HTML to wiesz już wystarczająco dużo, aby napisać swój pierwszy komponent Astro.**

Składnia komponentu Astro jest nadzbiorem HTML. Została ona [zaprojektowana, aby ktokolwiek piszący HTML bądź JSX czuł się jak w domu](#różnice-między-astro-a-jsx), oraz aby wspierać dodawanie komentarzy w kodzie JavaScript.
Składnia komponentu Astro jest nadzbiorem HTML. Została [zaprojektowana tak, aby była znajoma dla każego, kto ma doświadczenie w pisaniu HTML lub JSX](#różnice-między-astro-a-jsx), i dodaje wsparcie dla włączania komponentów oraz wyrażeń JavaScript.


## Wyrażenia JSX-podobne
Expand Down Expand Up @@ -58,7 +58,7 @@ function handleClick () {
<button onClick={handleClick}>Nic się nie stanie, gdy mnie klikniesz!</button>
```

Zamiast tego, użyj skryptu po stronie klienta, aby dodać obsługę zdarzeń. Zupełnie jak byś to zrobił w czystym JavaScript:
Zamiast tego, użyj skryptu po stronie klienta, aby dodać obsługę zdarzeń. Zupełnie jakbyś to zrobił w czystym JavaScript:

```astro title="lepiej-zrob-to-tak.astro"
---
Expand Down Expand Up @@ -88,15 +88,15 @@ const items = ["Pies", "Kot", "Dziobak"];
</ul>
```

Astro może warunkowo wyświetlać HTML używając operatorów logicznych JSX oraz wyrażeń ternarnych.
Astro może warunkowo wyświetlać HTML używając operatorów logicznych JSX oraz wyrażeń warunkowych.

```astro title="src/components/ConditionalHtml.astro" "visible"
---
const visible = true;
---
{visible && <p>Pokaż mi!</p>}
{visible && <p>Pokaż mnie!</p>}
{visible ? <p>Pokaż mi!</p> : <p>Również mi pokaż!</p>}
{visible ? <p>Pokaż mnie!</p> : <p>W innym przypadku pokaż mnie!</p>}
```

### Dynamiczne Tagi
Expand All @@ -119,13 +119,13 @@ Kiedy używasz dynamicznych tagów, pamiętaj o kilku rzeczach:
{/* TODO: Gdy pojawi się tłumaczenie trzeba zmienić ścieżkę */}
- **Dyrektywy nawadniania nie są wspierane** Jeśli korzystasz z [dyrektyw nawadniania `client:*`](/pl/guides/framework-components/#hydrating-interactive-components), Astro musi wiedzieć, który komponent zapakować na produkcję, a wzór dynamicznego tagu zapobiega jemu działaniu.

- **[Dyrektywa define:vars](/pl/reference/directives-reference/#definevars) nie jest wspierana.** Jeśli nie możesz zawrzeć pochodnych za pomocą dodatkowego elementu (np. `<div>`), to możesz ręcznie dodać ``style={`--mojaZmienna:${wartosc}`}`` do Twojego Elementu.
- **[Dyrektywa define:vars](/pl/reference/directives-reference/#definevars) nie jest wspierana.** Jeśli nie możesz owinąć elementów potomnych dodatkowym elementem (np. `<div>`), możesz ręcznie dodać ``style={`--myVar:${value}`}`` do swojego elementu.

### Fragmenty

Astro wspiera używanie `<Fragment> </Fragment>` bądź skróconej formy `<> </>`.

Fragmenty mogą być użyte do uniknięcia dodawania elementów otaczających, kiedy dodajesz [dyrektywy `set:*`](/pl/reference/directives-reference/#sethtml), jak w poniższym przykładzie:
Fragmenty mogą być użyte do uniknięcia dodawania elementów pakujących, kiedy dodajesz [dyrektywy `set:*`](/pl/reference/directives-reference/#sethtml), jak w poniższym przykładzie:

```astro title="src/components/SetHtml.astro" "Fragment"
---
Expand All @@ -136,7 +136,7 @@ const htmlString = '<p>Surowa zawartość HTML</p>';

### Różnice między Astro a JSX

Składnia komponentu Astro jest nadzbiorem HTML. Została ona zaprojektowana, aby ktokolwiek piszący HTML bądź JSX czuł się jak w domu, ale istnieje kilka kluczowych różnic między plikami `.astro` a JSX.
Składnia komponentu Astro jest nadzbiorem HTML. Została zaprojektowana tak, aby była znajoma dla każdego, kto ma doświadczenie w HTML lub JSX, jednak istnieje kilka kluczowych różnic między plikami .astro a JSX.

#### Atrybuty

Expand All @@ -156,7 +156,7 @@ Szablon komponentu Astro może renderować wiele elementów bez potrzeby zawarci
// Szablon z wieloma elementami
---
<p>Nie ma potrzeby zawierania elementów w jednym kontenerze.</p>
<p>Astro wspiera wiele elementów korzeni w szablonie.</p>
<p>Astro wspiera wiele elementów root w szablonie.</p>
```

#### Komentarze
Expand Down

0 comments on commit f4afe46

Please sign in to comment.