Skip to content

Commit 5115390

Browse files
TeoTNjakubdrozdek
authored andcommitted
Translate 'Hello World' page (#4)
1 parent a45e160 commit 5115390

File tree

1 file changed

+54
-29
lines changed

1 file changed

+54
-29
lines changed

content/docs/hello-world.md

Lines changed: 54 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -1,50 +1,75 @@
11
---
22
id: hello-world
3-
title: Hello World
3+
title: Witaj, świecie!
44
permalink: docs/hello-world.html
55
prev: cdn-links.html
66
next: introducing-jsx.html
77
---
88

9-
The smallest React example looks like this:
9+
Poniżej znajdziesz przykład najprostszej aplikacji reactowej:
1010

1111
```js
1212
ReactDOM.render(
13-
<h1>Hello, world!</h1>,
13+
<h1>Witaj, świecie!</h1>,
1414
document.getElementById('root')
1515
);
1616
```
1717

18-
It displays a heading saying "Hello, world!" on the page.
18+
Wyświetli ona na stronie nagłówek "Witaj, świecie".
1919

20-
[](codepen://hello-world)
20+
**[Spróbuj w CodePen](codepen://hello-world)**
2121

22-
Click the link above to open an online editor. Feel free to make some changes, and see how they affect the output. Most pages in this guide will have editable examples like this one.
22+
Kliknij w powyższy link, aby otworzyć edytor kodu w przeglądarce.
23+
Możesz śmiało dokonywać w nim zmian, zobaczysz też jak wpływają one na to,
24+
co jest wyświetlane na stronie. Większość stron w tym kursie udostępnia Ci
25+
przykłady, które możesz modyfikować.
2326

2427

25-
## How to Read This Guide {#how-to-read-this-guide}
28+
## Jak używać tego przewodnika {#how-to-read-this-guide}
2629

27-
In this guide, we will examine the building blocks of React apps: elements and components. Once you master them, you can create complex apps from small reusable pieces.
30+
W niniejszym kursie zapoznamy się z podstawowymi elementami aplikacji reactowej:
31+
elementami i komponentami. Korzystając z nich, możesz tworzyć rozbudowane
32+
aplikacje w oparciu o mniejsze części, dające się wielokrotnie wykorzystywać.
2833

29-
>Tip
34+
>Wskazówka
3035
>
31-
>This guide is designed for people who prefer **learning concepts step by step**. If you prefer to learn by doing, check out our [practical tutorial](/tutorial/tutorial.html). You might find this guide and the tutorial complementary to each other.
32-
33-
This is the first chapter in a step-by-step guide about main React concepts. You can find a list of all its chapters in the navigation sidebar. If you're reading this from a mobile device, you can access the navigation by pressing the button in the bottom right corner of your screen.
34-
35-
Every chapter in this guide builds on the knowledge introduced in earlier chapters. **You can learn most of React by reading the “Main Concepts” guide chapters in the order they appear in the sidebar.** For example, [“Introducing JSX”](/docs/introducing-jsx.html) is the next chapter after this one.
36-
37-
## Knowledge Level Assumptions {#knowledge-level-assumptions}
38-
39-
React is a JavaScript library, and so we'll assume you have a basic understanding of the JavaScript language. **If you don't feel very confident, we recommend [going through a JavaScript tutorial](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript) to check your knowledge level** and enable you to follow along this guide without getting lost. It might take you between 30 minutes and an hour, but as a result you won't have to feel like you're learning both React and JavaScript at the same time.
40-
41-
>Note
42-
>
43-
>This guide occasionally uses some of the newer JavaScript syntax in the examples. If you haven't worked with JavaScript in the last few years, [these three points](https://gist.github.com/gaearon/683e676101005de0add59e8bb345340c) should get you most of the way.
44-
45-
46-
## Let's Get Started! {#lets-get-started}
47-
48-
Keep scrolling down, and you'll find the link to the [next chapter of this guide](/docs/introducing-jsx.html) right before the website footer.
49-
50-
36+
> Kurs ten skierowany jest do osób, które wolą się uczyć
37+
> nowych koncepcji **krok po kroku**. Jeśli jednak wolisz zdobywać wiedzę poprzez
38+
> ćwiczenia, możesz skorzystać z [kursu praktycznego](/tutorial/tutorial.html).
39+
> Obydwa kursy świetnie się uzupełniają.
40+
41+
Masz przed sobą pierwszy rozdział kursu teoretycznego dotyczącego głównych koncepcji Reacta.
42+
Lista dostępnych rozdziałów znajduje się w bocznym pasku nawigacji. Jeśli czytasz ten kurs
43+
na urządzeniu mobilnym, możesz przemieszczać się po stronie wciskając przycisk w prawym dolnym
44+
rogu ekranu.
45+
46+
Każdy rozdział w tym kursie uzupełnia wiedzę w oparciu o poprzednie rozdziały.
47+
**Wielu przypadków użycia Reacta możesz się nauczyć czytając rozdziały
48+
w sekcji "Główne idee", zapoznając się z nimi w kolejności, w jakiej pojawiają się w pasku
49+
nawigacji**. Przykładowo, [“Wprowadzenie do JSX”](/docs/introducing-jsx.html) jest
50+
następnym w kojeności rozdziałem.
51+
52+
53+
## Wymagania początkowe {#knowledge-level-assumptions}
54+
55+
React jest biblioteką JavaScriptową, stąd też zakładamy, że czytelnik dysponuje
56+
pewną podstawową wiedzą o tym języku. **Jeśli czujesz się niezbyt pewnie, polecamy
57+
zapoznanie się z kursem ["Ponowne wprowadzenie do JavaScriptu"](https://developer.mozilla.org/pl/docs/Web/JavaScript/Ponowne_wprowadzenie_do_JavaScript),
58+
który pozwoli Ci ocenić swoją wiedzę** oraz będzie stanowić bazę do sprawnego
59+
poruszania się po kursie Reacta. Choć zapoznanie się z tamtym kursem może zająć
60+
Ci około 30-60 minut, to nie będziesz mieć poczucia, że uczysz się jednocześnie
61+
JavaScriptu i Reacta.
62+
63+
> Zauważ, że...
64+
>
65+
> W naszym poradniku mogą sporadycznie pojawiać się przykłady
66+
> oparte o nowszą składnię JavaScriptu. Jeśli od dłuższego czasu nie śledzisz
67+
> rozwoju języka, [te trzy punkty (ang.)](https://gist.github.com/gaearon/683e676101005de0add59e8bb345340c)
68+
> mogą okazać się pomocne.
69+
70+
71+
72+
## Zaczynajmy! {#lets-get-started}
73+
74+
Kontynuuj przewijanie strony, aby dotrzeć do linku do [następnego rozdziału](/docs/introducing-jsx.html).
75+
Znajduje się on tuż przed stopką strony.

0 commit comments

Comments
 (0)