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
Copy file name to clipboardExpand all lines: content/docs/create-a-new-react-app.md
+9-9
Original file line number
Diff line number
Diff line change
@@ -10,7 +10,7 @@ next: cdn-links.html
10
10
11
11
A legjobb felhasználói és fejlesztői élmény érdekében használj egy integrált eszközláncot.
12
12
13
-
Ez az oldal néhány népszerű React eszközláncot ír le amik az alábbi feladatokban segítenek:
13
+
Ez az oldal néhány népszerű React eszközláncot ír le, amik az alábbi feladatokban segítenek:
14
14
15
15
* Sok fájl és komponens kezelése.
16
16
* Külső npm könyvtárak használata.
@@ -31,7 +31,7 @@ Ez egyben a **legegyszerűbb módja a React egy meglévő oldalba való integrá
31
31
A React csapat főként ezeket a megoldásokat ajánlja:
32
32
33
33
- Ha **tanulod a Reactet** vagy **egy [single-page](/docs/glossary.html#single-page-application) alkalmazást készítesz,** használd a [Create React App](#create-react-app)-t.
34
-
- Ha egy **Node.js-el szerveroldalon renderelt weblapot** építesz, próbáld ki a [Next.js](#nextjs)-t.
34
+
- Ha egy **Node.js-sel szerveroldalon renderelt weblapot** építesz, próbáld ki a [Next.js](#nextjs)-t.
35
35
- Ha egy **statikus, tartalom-orientált weblapot** építesz, próbáld ki a [Gatsby](#gatsby)-t.
36
36
- Ha egy **komponens könyvtárat** építesz, vagy **egy meglévő kódbázissal integrálsz**, próbálj ki egy [kissé rugalmasabb eszközláncot](#more-flexible-toolchains).
37
37
@@ -58,13 +58,13 @@ Amikor készen állsz a publikálásra, az `npm run build` futtatása elkészít
58
58
59
59
### Next.js {#nextjs}
60
60
61
-
A [Next.js](https://nextjs.org/) egy népszerű és könnyűsúlyú React keretrendszer **statikus és szerver-renderelt alkalmazások** építéséhez. Alapból magában foglal **stílus és útválasztó (routing) megoldásokat** és feltételezi hogy [Node.js](https://nodejs.org/)-t használsz a szerver környezetben.
61
+
A [Next.js](https://nextjs.org/) egy népszerű és könnyűsúlyú React keretrendszer **statikus és szerver-renderelt alkalmazások** építéséhez. Alapból magában foglal **stílus és útválasztó (routing) megoldásokat** és feltételezi, hogy [Node.js](https://nodejs.org/)-t használsz a szerver környezetben.
62
62
63
63
Tanuld meg a Next.js használatát [a hivatalos útmutatóból](https://nextjs.org/learn/).
64
64
65
65
### Gatsby {#gatsby}
66
66
67
-
A [Gatsby](https://www.gatsbyjs.org/) a legjobb módja **statikus weblapok** készítésének Reacttel. Lehetővé teszi React komponensek használatát, de előrenderelt HTML-t és CSS-t eredményez ami garantálja a gyors betöltést.
67
+
A [Gatsby](https://www.gatsbyjs.org/) a legjobb módja **statikus weblapok** készítésének Reacttel. Lehetővé teszi React komponensek használatát, de előrenderelt HTML-t és CSS-t eredményez, ami garantálja a gyors betöltést.
68
68
69
69
Tanuld meg a Gatsby használatát [a hivatalos útmutatóból](https://www.gatsbyjs.org/docs/) és [kezdő csomagok egy galériájából](https://www.gatsbyjs.org/docs/gatsby-starters/).
70
70
@@ -76,18 +76,18 @@ A következő eszközláncok több rugalmasságot és lehetőséget biztosítana
76
76
77
77
- A **[Parcel](https://parceljs.org/)** egy gyors, konfigurálást nem igénylő webalkalmazás csomagoló ami [Reacttel is működik](https://parceljs.org/recipes.html#react).
78
78
79
-
- A **[Razzle](https://github.com/jaredpalmer/razzle)** egy konfigurálást nem igénylő szerveroldali renderelő keretrendszer, de több rugalmasságot biztosít mint a Next.js.
79
+
- A **[Razzle](https://github.com/jaredpalmer/razzle)** egy konfigurálást nem igénylő szerveroldali renderelő keretrendszer, de több rugalmasságot biztosít, mint a Next.js.
80
80
81
81
## Eszközlánc készítése a semmiből {#creating-a-toolchain-from-scratch}
82
82
83
83
Egy JavaScript eszközlánc tipikusan ezekből áll:
84
84
85
-
* Egy **csomagkezelő** mint a [Yarn](https://yarnpkg.com/) vagy az [npm](https://www.npmjs.com/). Ez lehetővé teszi a harmadik féltől származó csomagok hatalmas ökoszisztémájának kihasználását, valamint egyszerű telepítését vagy frissítését.
85
+
* Egy **csomagkezelő**, mint a [Yarn](https://yarnpkg.com/) vagy az [npm](https://www.npmjs.com/). Ez lehetővé teszi a harmadik féltől származó csomagok hatalmas ökoszisztémájának kihasználását, valamint egyszerű telepítését vagy frissítését.
86
86
87
-
* Egy **csomagoló** mint a [webpack](https://webpack.js.org/) vagy a [Parcel](https://parceljs.org/). Moduláris kód írását teszi lehetővé, amit aztán kisebb csomagokká csomagol a gyorsabb betöltési idő optimalizálása érdekében.
87
+
* Egy **csomagoló**, mint a [webpack](https://webpack.js.org/) vagy a [Parcel](https://parceljs.org/). Moduláris kód írását teszi lehetővé, amit aztán kisebb csomagokká csomagol a gyorsabb betöltési idő optimalizálása érdekében.
88
88
89
-
* Egy **kompilátor** mint a [Babel](https://babeljs.io/). Modern JavaScript kód írását teszi lehetővé ami még így is működni fog régebbi böngészőkben.
89
+
* Egy **fordítóprogram**, mint a [Babel](https://babeljs.io/). Modern JavaScript kód írását teszi lehetővé, ami még így is működni fog régebbi böngészőkben.
90
90
91
-
Ha jobban szeretnél egy saját JavaScript eszökzláncot összeállítani a semmiből, akkor [nézd meg ezt az útmutatót](https://blog.usejournal.com/creating-a-react-app-from-scratch-f3c693b84658) ami a Create React App funkcionalitását rekreálja.
91
+
Ha inkább szeretnél egy saját JavaScript eszökzláncot összeállítani a semmiből, akkor [nézd meg ezt az útmutatót](https://blog.usejournal.com/creating-a-react-app-from-scratch-f3c693b84658), ami a Create React App funkcionalitását utánozza.
92
92
93
93
Ne felejts el meggyőződni róla, hogy az egyedi eszközláncod [helyesen van beállítva a végstádiumhoz](/docs/optimizing-performance.html#use-the-production-build).
0 commit comments