You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
This page is an overview of the React documentation and related resources.
21
+
Ta podstrona to przegląd dokumentacji Reacta oraz powiązanych zasobów.
22
22
23
-
**React**is a JavaScript library for building user interfaces. Learn what React is all about on [our homepage](/)or [in the tutorial](/tutorial/tutorial.html).
23
+
**React**to biblioteka JavaScriptowa służąca do budowania interfejsów użytkownika. Dowiedz się, czym tak naprawdę jest React, na naszej [stronie głównej](/)lub [w tutorialu](/tutorial/tutorial.html).
React has been designed from the start for gradual adoption, and **you can use as little or as much React as you need.** Whether you want to get a taste of React, add some interactivity to a simple HTML page, or start a complex React-powered app, the links in this section will help you get started.
35
+
Biblioteka React została zaprojektowana z myślą o stopniowym wdrażaniu. Dzięki temu zawarte w niej rozwiązania możesz stosować wybiórczo w zależności od potrzeb. Linki zawarte w tej części przewodnika wprowadzą cię do Reacta. Znajdziesz tu materiały, które pozwolą ci nie tylko dodawać elementy interaktywne do prostych stron HTML, lecz także rozpocząć prace nad bardziej zaawansowanymi aplikacjami bazującymi na Reakcie.
If you're interested in playing around with React, you can use an online code playground. Try a Hello World template on [CodePen](codepen://hello-world), [CodeSandbox](https://codesandbox.io/s/new), or [Glitch](https://glitch.com/edit/#!/remix/starter-react-template).
39
+
Jeśli chcesz wypróbować Reacta, możesz w tym celu użyć środowisk doświadczalnych online. Wypróbuj szablon "Hello World" na [CodePen](codepen://hello-world) lub [CodeSandbox](https://codesandbox.io/s/new).
40
40
41
-
If you prefer to use your own text editor, you can also [download this HTML file](https://raw.githubusercontent.com/reactjs/reactjs.org/master/static/html/single-file-example.html), edit it, and open it from the local filesystem in your browser. It does a slow runtime code transformation, so we'd only recommend using this for simple demos.
41
+
Jeśli wolisz używać swojego własnego edytora tekstu, możesz także [ściągnąć ten plik HTML](https://raw.githubusercontent.com/reactjs/reactjs.org/master/static/html/single-file-example.html), edytować go, a następnie otworzyć lokalnie w swojej przeglądarce. Pamiętaj jednak, że wykonuje on podczas uruchomienia dość mozolną transformację kodu, więc zalecamy go jedynie do prostych przykładów.
42
42
43
-
### Add React to a Website {#add-react-to-a-website}
43
+
### Dodaj Reacta do swojej strony {#add-react-to-a-website}
44
44
45
-
You can [add React to an HTML page in one minute](/docs/add-react-to-a-website.html). You can then either gradually expand its presence, or keep it contained to a few dynamic widgets.
45
+
Możesz [dodać Reacta do swojej strony HTML w ciągu minuty](/docs/add-react-to-a-website.html). Możesz stopniowo zwiększać jego obecność według potrzeb lub użyć go jedynie do kilku dynamicznych widgetów.
46
46
47
-
### Create a New React App {#create-a-new-react-app}
47
+
### Stwórz nową aplikację reactową {#create-a-new-react-app}
48
48
49
-
When starting a React project, [a simple HTML page with script tags](/docs/add-react-to-a-website.html)might still be the best option. It only takes a minute to set up!
49
+
Gdy zaczynasz projekt w Reakcie, [napisanie prostej strony w HTMLu ze script tagami](/docs/add-react-to-a-website.html)może okazać się najlepszą opcją. Zajmie ci to tylko minutę!
50
50
51
-
As your application grows, you might want to consider a more integrated setup. There are [several JavaScript toolchains](/docs/create-a-new-react-app.html) we recommend for larger applications. Each of them can work with little to no configuration and lets you take full advantage of the rich React ecosystem.
51
+
W miarę jak będziesz rozwijać swoją aplikację, możesz zacząć myśleć o bardziej zintegrowanym środowisku. Istnieje [kilka JavaScriptowych narzędzi](/docs/create-a-new-react-app.html), które polecamy do rozwoju większych aplikacji. Każde z nich, przy drobnej lub znikomej konfiguracji, pozwoli ci korzystać z pełni mocy systemu Reacta.
52
52
53
-
## Learn React {#learn-react}
53
+
## Ucz się Reacta {#learn-react}
54
54
55
-
People come to React from different backgrounds and with different learning styles. Whether you prefer a more theoretical or a practical approach, we hope you'll find this section helpful.
55
+
Ludzie rozpoczynający przygodę z Reactem wywodzą się z najróżniejszych środowisk, mają też różne sposoby uczenia się. Mamy nadzieję, że ta część przewodnika okaże się pomocna zarówno dla osób o zacięciu teoretycznym jak i dla tych którzy mają podejście bardziej praktyczne.
56
56
57
-
*If you prefer to **learn by doing**, start with our [practical tutorial](/tutorial/tutorial.html).
58
-
*If you prefer to **learn concepts step by step**, start with our [guide to main concepts](/docs/hello-world.html).
57
+
*Jeśli wolisz **naukę przez praktykę**, zacznij od naszego [przewodnika praktycznego](/tutorial/tutorial.html).
58
+
*Jeśli zaś bardziej zależy ci na systematycznym opanowaniu **podstawowych zagadnień**, zacznij swoją przygodę od [przewodnika po głównych zagadnieniach](/docs/hello-world.html).
59
59
60
-
Like any unfamiliar technology, React does have a learning curve. With practice and some patience, you *will* get the hang of it.
60
+
Jak każda nowa technologia, z którą spotykasz się po raz pierwszy, React także ma swoją krzywą uczenia się. Jednak przy odrobinie praktyki i cierpliwości *zrozumiesz*, na czym polega.
61
61
62
-
### First Examples {#first-examples}
62
+
### Podstawowe przykłady {#first-examples}
63
63
64
-
The [React homepage](/)contains a few small React examples with a live editor. Even if you don't know anything about React yet, try changing their code and see how it affects the result.
64
+
[Strona główna](/)Reacta zawiera kilka małych przykładów z edytorem kodu live. Nawet jeśli nie wiesz jeszcze nic o Reakcie, spróbuj zmienić kod i zobaczyć, jak wpłynie to na wynik działania aplikacji.
65
65
66
-
### React for Beginners {#react-for-beginners}
66
+
### React dla początkujących {#react-for-beginners}
67
67
68
-
If you feel that the React documentation goes at a faster pace than you're comfortable with, check out [this overview of React by Tania Rascia](https://www.taniarascia.com/getting-started-with-react/). It introduces the most important React concepts in a detailed, beginner-friendly way. Once you're done, give the documentation another try!
68
+
Jeśli wydaje ci się, że dokumentacja Reacta prowadzi cię w zbyt szybkim tempie, sprawdź [ten przegląd Reacta napisany przez Tanię Rascię](https://www.taniarascia.com/getting-started-with-react/). Wprowadzi cię on szczegółowo w najistotniejsze zagadnienia Reacta, zachowując styl zrozumiały dla początkujących. Gdy już skończysz, spróbuj ponownie przeczytać naszą dokumentację!
69
69
70
-
### React for Designers {#react-for-designers}
70
+
### React dla designerów {#react-for-designers}
71
71
72
-
If you're coming from a design background, [these resources](https://reactfordesigners.com/)are a great place to get started.
72
+
Jeśli zaczynając z Reactem przychodzisz ze środowiska grafików i designerów, [te źródła](http://reactfordesigners.com/)mogą okazać się świetnym punktem startowym.
73
73
74
-
### JavaScript Resources {#javascript-resources}
74
+
### Źródła JavaScriptowe {#javascript-resources}
75
75
76
-
The React documentation assumes some familiarity with programming in the JavaScript language. You don't have to be an expert, but it's harder to learn both React and JavaScript at the same time.
76
+
Dokumentacja Reacta zakłada znajomość języka programowania JavaScript na pewnym poziomie. Nie musisz być ekspertem, jednakże nauka zarówno Reacta jak i JavaScriptu w tym samym czasie może być nieco trudniejsza.
77
77
78
-
We recommend going through [this JavaScript overview](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript) to check your knowledge level. It will take you between 30 minutes and an hour but you will feel more confident learning React.
78
+
Proponujemy zapoznanie się z [przeglądem informacji o JavaScripcie](https://developer.mozilla.org/pl/docs/Web/JavaScript/Ponowne_wprowadzenie_do_JavaScript), by sprawdzić swoją wiedzę. Powinno ci to zająć około 30 minut do godziny, a sprawi, że nauka Reacta będzie bardziej komfortowa.
79
79
80
-
>Tip
80
+
>Podpowiedź
81
81
>
82
-
>Whenever you get confused by something in JavaScript, [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript)and[javascript.info](https://javascript.info/)are great websites to check. There are also [community support forums](/community/support.html) where you can ask for help.
82
+
>Gdy tylko poczujesz, że pojęcia z języka JavaScript są zbyt zagmatwane, [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript)oraz[javascript.info](http://javascript.info/)mogą okazać się świetnymi źródłami do nauki. Istnieją także [fora internetowe](/community/support.html), na których możesz poprosić o pomoc.
83
83
84
-
### Practical Tutorial {#practical-tutorial}
84
+
### Praktyczne samouczki {#practical-tutorial}
85
85
86
-
If you prefer to **learn by doing,** check out our [practical tutorial](/tutorial/tutorial.html). In this tutorial, we build a tic-tac-toe game in React. You might be tempted to skip it because you're not building games -- but give it a chance. The techniques you'll learn in the tutorial are fundamental to building *any* React apps, and mastering it will give you a much deeper understanding.
86
+
Jeśli preferujesz **naukę przez praktykę**, sprawdź nasze [praktyczne samouczki](/tutorial/tutorial.html). W tym rozdziale, za pomocą Reacta, stworzymy od podstaw grę w kółko i krzyżyk. Jeśli nie zajmujesz się tworzeniem gier i kusi cię, by go pominąć -- najpierw daj mu szansę. Techniki, których nauczysz się w tym poradniku są fundamentami do zbudowania *dowolnej* aplikacji w Reakcie, a zrozumienie ich zapewni ci dogłębne poznanie tematu.
87
87
88
-
### Step-by-Step Guide {#step-by-step-guide}
88
+
### Instrukcja krok po kroku {#step-by-step-guide}
89
89
90
-
If you prefer to **learn concepts step by step,** our [guide to main concepts](/docs/hello-world.html) is the best place to start. Every next chapter in it builds on the knowledge introduced in the previous chapters so you won't miss anything as you go along.
90
+
Jeśli wolisz **naukę pojęć krok po kroku**, zacznij od [przewodnika po głównych zagadnieniach](/docs/hello-world.html). Każdy kolejny rozdział jest tu oparty o wiedzę nabytą w poprzednim, więc radzimy niczego nie pomijać.
91
91
92
-
### Thinking in React {#thinking-in-react}
92
+
### Myślenie po reactowemu {#thinking-in-react}
93
93
94
-
Many React users credit reading [Thinking in React](/docs/thinking-in-react.html) as the moment React finally "clicked" for them. It's probably the oldest React walkthrough but it's still just as relevant.
94
+
Wielu użytkownikom Reacta bardzo pomogła lektura rozdziału pt. [Myślenie po reactowemu](/docs/thinking-in-react.html), bo dzięki niemu coś im w końcu "zaskoczyło" w głowie. To prawdopodobnie najstarszy przewodnik po Reakcie, jednakże jest on wciąż aktualny.
95
95
96
-
### Recommended Courses {#recommended-courses}
96
+
### Rekomendowane kursy {#recommended-courses}
97
97
98
-
Sometimes people find third-party books and video courses more helpful than the official documentation. We maintain [a list of commonly recommended resources](/community/courses.html), some of which are free.
98
+
Czasem ludzie preferują książki i kursy wideo stworzone przez innych użytkowników, ponieważ są one dla nich bardziej pomocne. Dla takich osób stworzyliśmy [listę rekomendowanych źródeł](/community/courses.html), z których część jest darmowa.
99
99
100
-
### Advanced Concepts {#advanced-concepts}
100
+
### Zaawansowane pojęcia {#advanced-concepts}
101
101
102
-
Once you're comfortable with the [main concepts](#main-concepts) and played with React a little bit, you might be interested in more advanced topics. This section will introduce you to the powerful, but less commonly used React features like [context](/docs/context.html)and [refs](/docs/refs-and-the-dom.html).
102
+
Kiedy będziesz się już czuć komfortowo z [podstawowymi pojęciami](#main-concepts), a za sobą będziesz mieć trochę zabawy z kodem w Reakcie, mogą zainteresować cię bardziej zaawansowane zagadnienia. Ta sekcja zapozna cię z przydatnymi, acz rzadziej używanymi funkcjonalnościami, jak [konteksty (ang. *contexts*)](/docs/context.html)czy [referencje (ang. *refs*)](/docs/refs-and-the-dom.html).
103
103
104
-
### API Reference {#api-reference}
104
+
### Dokumentacja API {#api-reference}
105
105
106
-
This documentation section is useful when you want to learn more details about a particular React API. For example, [`React.Component` API reference](/docs/react-component.html)can provide you with details on how `setState()`works, and what different lifecycle methods are useful for.
106
+
Ta sekcja dokumentacji może okazać się przydatna, jeśli chcesz dowiedzieć się więcej o API Reacta. Na przykład, [dokumentacja klasy `React.Component`](/docs/react-component.html)pozwoli ci w szczegółach zrozumieć działanie `setState()`oraz jak działają metody z cyklu życia komponentu.
107
107
108
-
### Glossary and FAQ {#glossary-and-faq}
108
+
### Słownik pojęć i FAQ {#glossary-and-faq}
109
109
110
-
The [glossary](/docs/glossary.html)contains an overview of the most common terms you'll see in the React documentation. There is also a FAQ section dedicated to short questions and answers about common topics, including [making AJAX requests](/docs/faq-ajax.html), [component state](/docs/faq-state.html), and [file structure](/docs/faq-structure.html).
110
+
[Słownik pojęć](/docs/glossary.html)zawiera przegląd najczęściej używanych terminów, które napotkasz w dokumentacji Reacta. Istnieje także sekcja FAQ, poświęcona krótkim pytaniom i odpowiedziom na najpopularniejsze tematy, między innymi ["Jak wykonać zapytanie AJAX-owe?"](/docs/faq-ajax.html), ["Co to jest stan komponentu?"](/docs/faq-state.html) oraz ["Jak powinna wyglądać struktura plików?"](/docs/faq-structure.html).
111
111
112
-
## Staying Informed {#staying-informed}
112
+
## Bądź na bieżąco {#staying-informed}
113
113
114
-
The [React blog](/blog/)is the official source for the updates from the React team. Anything important, including release notes or deprecation notices, will be posted there first.
114
+
[Blog Reacta](/blog/)jest oficjalnym źródłem aktualizacji i newsów od zespołu Reacta. Wszystkie istotne informacje, w tym notki dotyczące nowych wydań oraz informacje o zdezaktualizowanych elementach, znajdą się tam jako pierwsze.
115
115
116
-
You can also follow the [@reactjs account](https://twitter.com/reactjs)on Twitter, but you won't miss anything essential if you only read the blog.
116
+
Możesz obserwować [konto @reactjs](https://twitter.com/reactjs)na Twitterze, jednak nie ominie cię nic ważnego, jeśli będziesz śledzić jedynie bloga.
117
117
118
-
Not every React release deserves its own blog post, but you can find a detailed changelog for every release [in the `CHANGELOG.md`file in the React repository](https://github.com/facebook/react/blob/master/CHANGELOG.md), as well as on the [Releases](https://github.com/facebook/react) page.
118
+
Nie każde nowe wydanie Reacta wymaga osobnego posta na blogu, jednak informacje o każdym wydaniu zawsze trafiają do [pliku `CHANGELOG.md`w repozytorium Reacta](https://github.com/facebook/react/blob/master/CHANGELOG.md)
This documentation always reflects the latest stable version of React. Since React 16, you can find older versions of the documentation [on a separate page](/versions). Note that documentation for past versions is snapshotted at the time of the release, and isn't being continuously updated.
122
+
Ta dokumentacja zawsze odzwierciedla najnowszą stabilną wersję Reacta. Począwszy od Reacta w wersji 16, starsze wersje dokumentacji publikowane są [na osobnej podstronie](/versions). Pamiętaj jednak, że dokumentacje do starszych wersji nie są już aktualizowane.
123
123
124
-
## Something Missing? {#something-missing}
124
+
## Czegoś brakuje? {#something-missing}
125
125
126
-
If something is missing in the documentation or if you found some part confusing, please [file an issue for the documentation repository](https://github.com/reactjs/reactjs.org/issues/new)with your suggestions for improvement, or tweet at the[@reactjs account](https://twitter.com/reactjs). We love hearing from you!
126
+
Jeśli brakuje ci czegoś w dokumentacji lub któraś część nie jest wystarczająco jasna, proszę [zgłoś to w repozytorium dokumentacji](https://github.com/reactjs/reactjs.org/issues/new)(w wiadomości zamieszczając swoje sugestie) bądź napisz tweeta do[@reactjs](https://twitter.com/reactjs). Chętnie dowiemy się, co myślisz!
0 commit comments