From 7088e3b0cf2c20e6c24e9e0136858fde7e178834 Mon Sep 17 00:00:00 2001 From: karpiuMG Date: Mon, 13 Jan 2020 23:06:18 +0100 Subject: [PATCH 01/12] Translate react-without-jsx.md MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit @jakubdrozdek wspominałeś, że dokumentacja powinna być napisana w formie bezosobowej. Myślałem nad tym jak przerobić zdanie: "If you're curious to see more examples of how JSX is converted to JavaScript" - ale nic nie przyszło mi do głowy. Jakaś sugestia? Druga kwestia do "build environment" - czy "środowisko budowania" jest dobrym tłumaczeniem? --- content/docs/react-without-jsx.md | 28 ++++++++++++++-------------- 1 file changed, 14 insertions(+), 14 deletions(-) diff --git a/content/docs/react-without-jsx.md b/content/docs/react-without-jsx.md index 85cdba45f..ed75528c0 100644 --- a/content/docs/react-without-jsx.md +++ b/content/docs/react-without-jsx.md @@ -4,56 +4,56 @@ title: React Without JSX permalink: docs/react-without-jsx.html --- -JSX is not a requirement for using React. Using React without JSX is especially convenient when you don't want to set up compilation in your build environment. +JSX nie jest wymagany, aby móc używać Reacta. Korzystanie z Reacta bez JSX jest szczególnie wygodne, gdy nie chce się konfigurować kroku kompilacji w środowisku budowania. -Each JSX element is just syntactic sugar for calling `React.createElement(component, props, ...children)`. So, anything you can do with JSX can also be done with just plain JavaScript. +Każdy element JSX jest jedynie wygodniejszym odpowiednikiem wywołania metody `React.createElement(component, props, ...children)`. Wszystko więc, co da się zrobić, korzystając z JSX, można również uzyskać za pomocą zwykłego JavaScriptu. -For example, this code written with JSX: +Na przykład, ten fragment kodu napisany z użyciem JSX: ```js class Hello extends React.Component { render() { - return
Hello {this.props.toWhat}
; + return
Witaj {this.props.toWhat}
; } } ReactDOM.render( - , + , document.getElementById('root') ); ``` -can be compiled to this code that does not use JSX: +może być skompilowany do tego kodu, który nie korzysta z JSX: ```js class Hello extends React.Component { render() { - return React.createElement('div', null, `Hello ${this.props.toWhat}`); + return React.createElement('div', null, `Witaj ${this.props.toWhat}`); } } ReactDOM.render( - React.createElement(Hello, {toWhat: 'World'}, null), + React.createElement(Hello, {toWhat: 'Świecie'}, null), document.getElementById('root') ); ``` -If you're curious to see more examples of how JSX is converted to JavaScript, you can try out [the online Babel compiler](babel://jsx-simple-example). +Jeśli jesteś ciekaw, w jaki sposób JSX jest konwertowany do JavaScriptu, możesz wypróbować [wersję online kompilatora Babel](babel://jsx-simple-example). -The component can either be provided as a string, or as a subclass of `React.Component`, or a plain function for stateless components. +Komponent może być dostarczony jako ciąg znaków lub jako podklasa `React.Component` albo zwykła funkcja aby stworzyć komponent bezstanowy. -If you get tired of typing `React.createElement` so much, one common pattern is to assign a shorthand: +Aby nie musieć bez przerwy pisać `React.createElement`, warto zastosować poniższy wzorzec: ```js const e = React.createElement; ReactDOM.render( - e('div', null, 'Hello World'), + e('div', null, 'Witaj Świecie'), document.getElementById('root') ); ``` -If you use this shorthand form for `React.createElement`, it can be almost as convenient to use React without JSX. +Jeśli używa się tej skróconej formy `React.createElement`, korzystanie z Reacta bez JSX może być równie wygodne. -Alternatively, you can refer to community projects such as [`react-hyperscript`](https://github.com/mlmorg/react-hyperscript) and [`hyperscript-helpers`](https://github.com/ohanhi/hyperscript-helpers) which offer a terser syntax. +Ewentualnie, można zapoznać się z projektami społeczności, takimi jak [`react-hyperscript`](https://github.com/mlmorg/react-hyperscript) i [`hyperscript-helpers`](https://github.com/ohanhi/hyperscript-helpers), które oferują bardziej zwięzłą składnię. From c19314999f47da9f58d8d48b752d2c3ceaf00b18 Mon Sep 17 00:00:00 2001 From: karpiuMG Date: Wed, 15 Jan 2020 18:49:45 +0100 Subject: [PATCH 02/12] translate title --- content/docs/react-without-jsx.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/react-without-jsx.md b/content/docs/react-without-jsx.md index ed75528c0..e06ae6dab 100644 --- a/content/docs/react-without-jsx.md +++ b/content/docs/react-without-jsx.md @@ -1,6 +1,6 @@ --- id: react-without-jsx -title: React Without JSX +title: React bez JSX permalink: docs/react-without-jsx.html --- From 9579c01dd7cd1154f2e8b6604da6f7d498f6c232 Mon Sep 17 00:00:00 2001 From: karpiuMG Date: Thu, 16 Jan 2020 01:39:01 +0100 Subject: [PATCH 03/12] update react-without-jsx.md --- content/docs/react-without-jsx.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/react-without-jsx.md b/content/docs/react-without-jsx.md index e06ae6dab..1bd7a651f 100644 --- a/content/docs/react-without-jsx.md +++ b/content/docs/react-without-jsx.md @@ -38,7 +38,7 @@ ReactDOM.render( ); ``` -Jeśli jesteś ciekaw, w jaki sposób JSX jest konwertowany do JavaScriptu, możesz wypróbować [wersję online kompilatora Babel](babel://jsx-simple-example). +Jeśli chcesz zobaczyć, więcej przykładów konwersji składni JSX do kodu javascriptowego, wypróbuj [wersję online kompilatora Babel](babel://jsx-simple-example). Komponent może być dostarczony jako ciąg znaków lub jako podklasa `React.Component` albo zwykła funkcja aby stworzyć komponent bezstanowy. From b451d566781f524e664848795d2d15c7d1d370a1 Mon Sep 17 00:00:00 2001 From: karpiuMG Date: Mon, 20 Jan 2020 22:16:37 +0100 Subject: [PATCH 04/12] Update content/docs/react-without-jsx.md Co-Authored-By: Jakub Drozdek <30927218+jakubdrozdek@users.noreply.github.com> --- content/docs/react-without-jsx.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/content/docs/react-without-jsx.md b/content/docs/react-without-jsx.md index 1bd7a651f..d37bf1a37 100644 --- a/content/docs/react-without-jsx.md +++ b/content/docs/react-without-jsx.md @@ -4,7 +4,7 @@ title: React bez JSX permalink: docs/react-without-jsx.html --- -JSX nie jest wymagany, aby móc używać Reacta. Korzystanie z Reacta bez JSX jest szczególnie wygodne, gdy nie chce się konfigurować kroku kompilacji w środowisku budowania. +JSX nie jest wymagany do korzystania z Reacta. Korzystanie z Reacta bez JSX jest szczególnie wygodne, gdy nie chce się konfigurować kroku kompilacji w środowisku budowania. Każdy element JSX jest jedynie wygodniejszym odpowiednikiem wywołania metody `React.createElement(component, props, ...children)`. Wszystko więc, co da się zrobić, korzystając z JSX, można również uzyskać za pomocą zwykłego JavaScriptu. @@ -56,4 +56,3 @@ ReactDOM.render( Jeśli używa się tej skróconej formy `React.createElement`, korzystanie z Reacta bez JSX może być równie wygodne. Ewentualnie, można zapoznać się z projektami społeczności, takimi jak [`react-hyperscript`](https://github.com/mlmorg/react-hyperscript) i [`hyperscript-helpers`](https://github.com/ohanhi/hyperscript-helpers), które oferują bardziej zwięzłą składnię. - From d561430e9e861f1720cc2362fcc2fac4867829b0 Mon Sep 17 00:00:00 2001 From: karpiuMG Date: Mon, 20 Jan 2020 22:16:58 +0100 Subject: [PATCH 05/12] Update content/docs/react-without-jsx.md Co-Authored-By: Jakub Drozdek <30927218+jakubdrozdek@users.noreply.github.com> --- content/docs/react-without-jsx.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/react-without-jsx.md b/content/docs/react-without-jsx.md index d37bf1a37..013cb051f 100644 --- a/content/docs/react-without-jsx.md +++ b/content/docs/react-without-jsx.md @@ -6,7 +6,7 @@ permalink: docs/react-without-jsx.html JSX nie jest wymagany do korzystania z Reacta. Korzystanie z Reacta bez JSX jest szczególnie wygodne, gdy nie chce się konfigurować kroku kompilacji w środowisku budowania. -Każdy element JSX jest jedynie wygodniejszym odpowiednikiem wywołania metody `React.createElement(component, props, ...children)`. Wszystko więc, co da się zrobić, korzystając z JSX, można również uzyskać za pomocą zwykłego JavaScriptu. +Każdy element JSX jest jedynie wygodniejszym odpowiednikiem wywołania metody `React.createElement(component, props, ...children)`. Wszystko więc, co da się zrobić korzystając z JSX, można również uzyskać za pomocą zwykłego JavaScriptu. Na przykład, ten fragment kodu napisany z użyciem JSX: From 03cbb4a16f9c1d98fac6175249622ff73caf8ba5 Mon Sep 17 00:00:00 2001 From: karpiuMG Date: Mon, 20 Jan 2020 22:17:06 +0100 Subject: [PATCH 06/12] Update content/docs/react-without-jsx.md Co-Authored-By: Jakub Drozdek <30927218+jakubdrozdek@users.noreply.github.com> --- content/docs/react-without-jsx.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/react-without-jsx.md b/content/docs/react-without-jsx.md index 013cb051f..8643d0062 100644 --- a/content/docs/react-without-jsx.md +++ b/content/docs/react-without-jsx.md @@ -28,7 +28,7 @@ może być skompilowany do tego kodu, który nie korzysta z JSX: ```js class Hello extends React.Component { render() { - return React.createElement('div', null, `Witaj ${this.props.toWhat}`); + return React.createElement('div', null, `Witaj, ${this.props.toWhat}`); } } From ebce6691d033bb8a5813820e6666b0b4bb043027 Mon Sep 17 00:00:00 2001 From: karpiuMG Date: Mon, 20 Jan 2020 22:17:14 +0100 Subject: [PATCH 07/12] Update content/docs/react-without-jsx.md Co-Authored-By: Jakub Drozdek <30927218+jakubdrozdek@users.noreply.github.com> --- content/docs/react-without-jsx.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/react-without-jsx.md b/content/docs/react-without-jsx.md index 8643d0062..d7f5df86a 100644 --- a/content/docs/react-without-jsx.md +++ b/content/docs/react-without-jsx.md @@ -38,7 +38,7 @@ ReactDOM.render( ); ``` -Jeśli chcesz zobaczyć, więcej przykładów konwersji składni JSX do kodu javascriptowego, wypróbuj [wersję online kompilatora Babel](babel://jsx-simple-example). +Jeśli chcesz zobaczyć więcej przykładów konwersji składni JSX do kodu javascriptowego, wypróbuj [wersję online kompilatora Babel](babel://jsx-simple-example). Komponent może być dostarczony jako ciąg znaków lub jako podklasa `React.Component` albo zwykła funkcja aby stworzyć komponent bezstanowy. From c011193d4952215a85c44a288a71e94394d2e6e4 Mon Sep 17 00:00:00 2001 From: karpiuMG Date: Mon, 20 Jan 2020 22:17:24 +0100 Subject: [PATCH 08/12] Update content/docs/react-without-jsx.md Co-Authored-By: Jakub Drozdek <30927218+jakubdrozdek@users.noreply.github.com> --- content/docs/react-without-jsx.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/react-without-jsx.md b/content/docs/react-without-jsx.md index d7f5df86a..76f042917 100644 --- a/content/docs/react-without-jsx.md +++ b/content/docs/react-without-jsx.md @@ -42,7 +42,7 @@ Jeśli chcesz zobaczyć więcej przykładów konwersji składni JSX do kodu java Komponent może być dostarczony jako ciąg znaków lub jako podklasa `React.Component` albo zwykła funkcja aby stworzyć komponent bezstanowy. -Aby nie musieć bez przerwy pisać `React.createElement`, warto zastosować poniższy wzorzec: +Aby uniknąć ciągłego pisania `React.createElement`, warto zastosować poniższy wzorzec: ```js const e = React.createElement; From a2d12b27217f0837598cd4d2b5cbfdf807300a80 Mon Sep 17 00:00:00 2001 From: karpiuMG Date: Mon, 20 Jan 2020 22:17:31 +0100 Subject: [PATCH 09/12] Update content/docs/react-without-jsx.md Co-Authored-By: Jakub Drozdek <30927218+jakubdrozdek@users.noreply.github.com> --- content/docs/react-without-jsx.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/react-without-jsx.md b/content/docs/react-without-jsx.md index 76f042917..1f0e1d0d3 100644 --- a/content/docs/react-without-jsx.md +++ b/content/docs/react-without-jsx.md @@ -55,4 +55,4 @@ ReactDOM.render( Jeśli używa się tej skróconej formy `React.createElement`, korzystanie z Reacta bez JSX może być równie wygodne. -Ewentualnie, można zapoznać się z projektami społeczności, takimi jak [`react-hyperscript`](https://github.com/mlmorg/react-hyperscript) i [`hyperscript-helpers`](https://github.com/ohanhi/hyperscript-helpers), które oferują bardziej zwięzłą składnię. +Ewentualnie można zapoznać się z projektami społeczności, takimi jak [`react-hyperscript`](https://github.com/mlmorg/react-hyperscript) czy [`hyperscript-helpers`](https://github.com/ohanhi/hyperscript-helpers), które oferują bardziej zwięzłą składnię. From ec60c6a859aaca6e90bf0fad9326c5a16f06d3d0 Mon Sep 17 00:00:00 2001 From: karpiuMG Date: Mon, 20 Jan 2020 22:17:43 +0100 Subject: [PATCH 10/12] Update content/docs/react-without-jsx.md Co-Authored-By: Jakub Drozdek <30927218+jakubdrozdek@users.noreply.github.com> --- content/docs/react-without-jsx.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/react-without-jsx.md b/content/docs/react-without-jsx.md index 1f0e1d0d3..d1d5decd7 100644 --- a/content/docs/react-without-jsx.md +++ b/content/docs/react-without-jsx.md @@ -48,7 +48,7 @@ Aby uniknąć ciągłego pisania `React.createElement`, warto zastosować poniż const e = React.createElement; ReactDOM.render( - e('div', null, 'Witaj Świecie'), + e('div', null, 'Witaj, Świecie'), document.getElementById('root') ); ``` From 9ac94df349d1f76bee5e38a33951ed52021b2bd4 Mon Sep 17 00:00:00 2001 From: karpiuMG Date: Mon, 20 Jan 2020 22:17:51 +0100 Subject: [PATCH 11/12] Update content/docs/react-without-jsx.md Co-Authored-By: Jakub Drozdek <30927218+jakubdrozdek@users.noreply.github.com> --- content/docs/react-without-jsx.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/react-without-jsx.md b/content/docs/react-without-jsx.md index d1d5decd7..c0f6abb23 100644 --- a/content/docs/react-without-jsx.md +++ b/content/docs/react-without-jsx.md @@ -13,7 +13,7 @@ Na przykład, ten fragment kodu napisany z użyciem JSX: ```js class Hello extends React.Component { render() { - return
Witaj {this.props.toWhat}
; + return
Witaj, {this.props.toWhat}
; } } From c705401e2c8cc17a5cfbe5ecf71e84ec59622516 Mon Sep 17 00:00:00 2001 From: karpiuMG Date: Mon, 20 Jan 2020 22:18:16 +0100 Subject: [PATCH 12/12] Update content/docs/react-without-jsx.md Co-Authored-By: Jakub Drozdek <30927218+jakubdrozdek@users.noreply.github.com> --- content/docs/react-without-jsx.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/react-without-jsx.md b/content/docs/react-without-jsx.md index c0f6abb23..ddfa22b1e 100644 --- a/content/docs/react-without-jsx.md +++ b/content/docs/react-without-jsx.md @@ -40,7 +40,7 @@ ReactDOM.render( Jeśli chcesz zobaczyć więcej przykładów konwersji składni JSX do kodu javascriptowego, wypróbuj [wersję online kompilatora Babel](babel://jsx-simple-example). -Komponent może być dostarczony jako ciąg znaków lub jako podklasa `React.Component` albo zwykła funkcja aby stworzyć komponent bezstanowy. +Komponent może być ciągiem znaków, podklasą `React.Component` albo zwykłą funkcją. Aby uniknąć ciągłego pisania `React.createElement`, warto zastosować poniższy wzorzec: