|
1 | 1 | ---
|
2 |
| -title: Start a New React Project |
| 2 | +title: Byrjaðu á nýju React verkefni |
3 | 3 | ---
|
4 | 4 |
|
5 | 5 | <Intro>
|
6 | 6 |
|
7 |
| -If you want to build a new app or a new website fully with React, we recommend picking one of the React-powered frameworks popular in the community. Frameworks provide features that most apps and sites eventually need, including routing, data fetching, and generating HTML. |
| 7 | +Ef þig langar að smíða nýtt forrit eða vefsíðu algjörlega með React þá mælum við með að velja einn af þeim römmum (e. framework) sem byggja á React og eru vinsæl í React samfélaginu. Þessi forritasöfn veita þér aðgang að sérkennum sem flest forrit og vefsíður þurfa á endanum, til dæmis beiningu, tól til að sækja og vinna með gögn, og verkfæri til að útbúa HTML. |
8 | 8 |
|
9 | 9 | </Intro>
|
10 | 10 |
|
11 | 11 | <Note>
|
12 | 12 |
|
13 |
| -**You need to install [Node.js](https://nodejs.org/en/) for local development.** You can *also* choose to use Node.js in production, but you don't have to. Many React frameworks support export to a static HTML/CSS/JS folder. |
| 13 | +**Þú þarft að innsetja [Node.js](https://nodejs.org/en/) fyrir staðbundna þróun.** Þú getur *líka* valið að nota Node.js í rekstrarumhverfi, en þú þarft þess ekki. Mörg React forritasöfn styðja útflutning yfir í kyrrlega HTML/CSS/JS möppu. |
14 | 14 |
|
15 | 15 | </Note>
|
16 | 16 |
|
17 |
| -## Production-grade React frameworks {/*production-grade-react-frameworks*/} |
| 17 | +## React forritasöfn sem hægt er að reiða sig á í rekstri {/*production-grade-react-frameworks*/} |
18 | 18 |
|
19 | 19 | ### Next.js {/*nextjs*/}
|
20 | 20 |
|
21 |
| -**[Next.js](https://nextjs.org/) is a full-stack React framework.** It's versatile and lets you create React apps of any size--from a mostly static blog to a complex dynamic application. To create a new Next.js project, run in your terminal: |
| 21 | +**[Next.js](https://nextjs.org/) er svokallað heilstafla (e. full-stack) React rammi.** Það er fjölhæft og gerir þér kleift að smíða React forrit af hvaða stærð sem er--frá kyrrlegri pistlasíðu yfir í flókið kviklegt forrit. Keyrðu eftirfarandi skipun til að skapa nýtt Next.js verkefni frá grunni: |
22 | 22 |
|
23 | 23 | <TerminalBlock>
|
24 | 24 | npx create-next-app
|
25 | 25 | </TerminalBlock>
|
26 | 26 |
|
27 |
| -If you're new to Next.js, check out the [Next.js tutorial.](https://nextjs.org/learn/foundations/about-nextjs) |
| 27 | +Skoðaðu [Next.js inngangsleiðbeiningar](https://nextjs.org/learn/foundations/about-nextjs) ef þú hefur ekki notað Next.js áður. |
28 | 28 |
|
29 |
| -Next.js is maintained by [Vercel](https://vercel.com/). You can [deploy a Next.js app](https://nextjs.org/docs/deployment) to any Node.js or serverless hosting, or to your own server. [Fully static Next.js apps](https://nextjs.org/docs/advanced-features/static-html-export) can be deployed to any static hosting. |
| 29 | +[Vercel](https://vercel.com) sér um þróun og viðhald á Next.js. Þú getur getur [keyrt Next.js vef](https://nextjs.org/docs/deployment) á Node.js vefþjóni, miðlaralausri hýsingu, eða jafnvel á þínum eigin netþjóni. [Kyrrlega Next.js](https://nextjs.org/docs/advanced-features/static-html-export) vefi má keyra á hvað kyrrlegri (e. static) hýsingu sem er. |
30 | 30 |
|
31 | 31 | ### Remix {/*remix*/}
|
32 | 32 |
|
33 |
| -**[Remix](https://remix.run/) is a full-stack React framework with nested routing.** It lets you break your app into nested parts that can load data in parallel and refresh in response to the user actions. To create a new Remix project, run: |
| 33 | +**[Remix](https://remix.run/) er heilstafla React rammi með faldaðri beiningu.** Það gerir þér kleift að skipta vefnum þínum í faldaða hluta sem geta svo hlaðið gögnum samhliða og endurglætt samskiptasvar við aðgerðum notenda. Keyrðu eftirfarandi skipun til að skapa nýtt Remix verkefni: |
34 | 34 |
|
35 | 35 | <TerminalBlock>
|
36 | 36 | npx create-remix
|
37 | 37 | </TerminalBlock>
|
38 | 38 |
|
39 |
| -If you're new to Remix, check out the Remix [blog tutorial](https://remix.run/docs/en/main/tutorials/blog) (short) and [app tutorial](https://remix.run/docs/en/main/tutorials/jokes) (long). |
| 39 | +Skoðaðu [þenann stutta kynningarpistil](https://remix.run/docs/en/main/tutorials/blog) og þennan [lengri pistil](https://remix.run/docs/en/main/tutorials/jokes) ef þú hefur ekki áður notað Remix. |
40 | 40 |
|
41 |
| -Remix is maintained by [Shopify](https://www.shopify.com/). When you create a Remix project, you need to [pick your deployment target](https://remix.run/docs/en/main/guides/deployment). You can deploy a Remix app to any Node.js or serverless hosting by using or writing an [adapter](https://remix.run/docs/en/main/other-api/adapter). |
| 41 | +[Shopify](https://www.shopify.com/) sér um þróun og viðhald á Remix. Þegar þú býrð til Remix verkefni þarftu að [velja þér hvers lags netþjón þú vilt keyra á](https://remix.run/docs/en/main/guides/deployment). Þú getur keyrt Remix vef á hvaða Node.js eða miðlaralausri hýsingu sem er með því að nota eða skrifa [millistykki](https://remix.run/docs/en/main/other-api/adapter). |
42 | 42 |
|
43 | 43 | ### Gatsby {/*gatsby*/}
|
44 | 44 |
|
45 |
| -**[Gatsby](https://www.gatsbyjs.com/) is a React framework for fast CMS-backed websites.** Its rich plugin ecosystem and its GraphQL data layer simplify integrating content, APIs, and services into one website. To create a new Gatsby project, run: |
| 45 | +**[Gatsby](https://www.gatsbyjs.com/) er React rammi fyrir hraðskreiðar síður sem byggja á gögnum úr CMS (e. content management system) kerfi.** Eitt höfuðmarkmið þess er að einfalda sameiningu efnis, forritaskila, og vefþjónustum í eina vefsíðu. Keyrðu eftirfarandi skipun til að skapa Gatsby verkefni: |
46 | 46 |
|
47 | 47 | <TerminalBlock>
|
48 | 48 | npx create-gatsby
|
49 | 49 | </TerminalBlock>
|
50 | 50 |
|
51 |
| -If you're new to Gatsby, check out the [Gatsby tutorial.](https://www.gatsbyjs.com/docs/tutorial/) |
| 51 | +Kíktu á [Gatsby kynninguna](https://www.gatsbyjs.com/docs/tutorial/) ef þú hefur ekki prófað Gatsby áður. |
52 | 52 |
|
53 |
| -Gatsby is maintained by [Netlify](https://www.netlify.com/). You can [deploy a fully static Gatsby site](https://www.gatsbyjs.com/docs/how-to/previews-deploys-hosting) to any static hosting. If you opt into using server-only features, make sure your hosting provider supports them for Gatsby. |
| 53 | +[Netlify](https://www.netlify.com) sér um þróun og viðhald Gatsby rammans. Þú getur [keyrt algjörlega kyrrlega Gatsby síðu](https://www.gatsbyjs.com/docs/how-to/previews-deploys-hosting) á hvaða kyrrlegri hýsingu sem er. Ef þú kýst að nota sérkenni sem krefjast þess að þú notir vefjón þá skaltu ganga úr skugga um að hýsingaraðilinn þinn styðji þær fyrir Gatsby. |
54 | 54 |
|
55 |
| -### Expo (for native apps) {/*expo*/} |
| 55 | +### Expo (fyrir forrit á heimavangi) {/*expo*/} |
56 | 56 |
|
57 |
| -**[Expo](https://expo.dev/) is a React framework that lets you create universal Android, iOS, and web apps with truly native UIs.** It provides an SDK for [React Native](https://reactnative.dev/) that makes the native parts easier to use. To create a new Expo project, run: |
| 57 | +**[Expo](https://expo.dev/) er React rammi sem gerir þér kleift að skapa alhliða forrit fyrir Android, iOS, og veraldarvefinn með viðmótum sem þykja sannarlega tilheyra umhverfinu.** Það veitir þér aðgang að SDK (e. software development kit) fyrir [React Native](https://reactnative.dev) sem gerir allt sem snertir inningu á heimavangi mun einfaldara í notkun. Keyrðu eftirfarandi skipun að skapa nýtt Expo verkefni: |
58 | 58 |
|
59 | 59 | <TerminalBlock>
|
60 | 60 | npx create-expo-app
|
61 | 61 | </TerminalBlock>
|
62 | 62 |
|
63 |
| -If you're new to Expo, check out the [Expo tutorial](https://docs.expo.dev/tutorial/introduction/). |
| 63 | +Skoðaðu [Expo kynninguna](https://docs.expo.dev/tutorial/introduction/) ef þú hefur aldrei notað Expo áður. |
64 | 64 |
|
65 |
| -Expo is maintained by [Expo (the company)](https://expo.dev/about). Building apps with Expo is free, and you can submit them to the Google and Apple app stores without restrictions. Expo additionally provides opt-in paid cloud services. |
| 65 | +[Expo (fyrirtækið)](https://expo.dev/about) sér um þróun og viðhald á Expo. Það er ókeypis að þróa forrit með Expo og þú getur sótt um að fá forritið þitt í Google og Apple forritaverslanirnar án takmarkana. Expo býður einnig upp á valkvæðar skýjaþjónustur gegn greiðslu. |
66 | 66 |
|
67 | 67 | <DeepDive>
|
68 | 68 |
|
|
0 commit comments