|
1 | 1 | --- |
2 | | -title: Installation |
| 2 | +title: Innsetning |
3 | 3 | --- |
4 | 4 |
|
5 | 5 | <Intro> |
6 | 6 |
|
7 | | -React has been designed from the start for gradual adoption. 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 an HTML page, or start a complex React-powered app, this section will help you get started. |
| 7 | +React var hannað þannig að hægt sé að byrja að nota það hægt og rólega. Þú getur notað React eins lítið eða eins mikið og þú þarft. Hvort sem þig langar bara að finna smjörþefinn af React, bæta við gagnvirkni á HTML síðu, eða byrja á flóknu React verkefni, þá er þetta svæði fyrir þig. |
8 | 8 |
|
9 | 9 | </Intro> |
10 | 10 |
|
11 | 11 | <YouWillLearn isChapter={true}> |
12 | 12 |
|
13 | | -* [How to start a new React project](/learn/start-a-new-react-project) |
14 | | -* [How to add React to an existing project](/learn/add-react-to-an-existing-project) |
15 | | -* [How to set up your editor](/learn/editor-setup) |
16 | | -* [How to install React Developer Tools](/learn/react-developer-tools) |
| 13 | +* [Byrjaðu á nýju React verkefni](/learn/start-a-new-react-project) |
| 14 | +* [Innsetning á React í tiltæku verkefni](/learn/add-react-to-an-existing-project) |
| 15 | +* [Uppsetning á ritli](/learn/editor-setup) |
| 16 | +* [Þróunartól fyrir React](/learn/react-developer-tools) |
17 | 17 |
|
18 | 18 | </YouWillLearn> |
19 | 19 |
|
20 | | -## Try React {/*try-react*/} |
| 20 | +## Prófaðu React {/*try-react*/} |
21 | 21 |
|
22 | | -You don't need to install anything to play with React. Try editing this sandbox! |
| 22 | +Þú þarft ekki að innsetja neitt til að byrja að fikta í React. Prófaðu að breyta kóðanum í þessum sandkassa! |
23 | 23 |
|
24 | 24 | <Sandpack> |
25 | 25 |
|
26 | 26 | ```js |
27 | | -function Greeting({ name }) { |
28 | | - return <h1>Hello, {name}</h1>; |
| 27 | +function Heilsun({ nafn }) { |
| 28 | + return <h1>Halló, {nafn}</h1>; |
29 | 29 | } |
30 | 30 |
|
31 | | -export default function App() { |
32 | | - return <Greeting name="world" /> |
| 31 | +export default function Forrit() { |
| 32 | + return <Heilsun nafn="heimur" /> |
33 | 33 | } |
34 | 34 | ``` |
35 | 35 |
|
36 | 36 | </Sandpack> |
37 | 37 |
|
38 | | -You can edit it directly or open it in a new tab by pressing the "Fork" button in the upper right corner. |
| 38 | +Þú getur breytt kóðanum beint eða opnað sandkassan í nýjum flipa með því að smella á „Fork“ hnappinn í efri hægri kantinum. |
39 | 39 |
|
40 | | -Most pages in the React documentation contain sandboxes like this. Outside of the React documentation, there are many online sandboxes that support React: for example, [CodeSandbox](https://codesandbox.io/s/new), [StackBlitz](https://stackblitz.com/fork/react), or [CodePen.](https://codepen.io/pen?&editors=0010&layout=left&prefill_data_id=3f4569d1-1b11-4bce-bd46-89090eed5ddb) |
| 40 | +Flestar síðurnar í React skjalbúnaðinum innihalda sandkassa eins og þennan. Fyrir utan þessa vefsíðu eru til aðrir sandkassar á veraldarvefnum sem styðja React: til dæmis [CodeSandbox](https://codesandbox.io/s/new), [StackBlitz](https://stackblitz.com/fork/react), og [CodePen.](https://codepen.io/pen?&editors=0010&layout=left&prefill_data_id=3f4569d1-1b11-4bce-bd46-89090eed5ddb) |
41 | 41 |
|
42 | | -### Try React locally {/*try-react-locally*/} |
| 42 | +### Prófaðu React á eigin vél {/*try-react-locally*/} |
43 | 43 |
|
44 | | -To try React locally on your computer, [download this HTML page.](https://gist.githubusercontent.com/gaearon/0275b1e1518599bbeafcde4722e79ed1/raw/db72dcbf3384ee1708c4a07d3be79860db04bff0/example.html) Open it in your editor and in your browser! |
| 44 | +[Sæktu þessa HTML skrá](https://gist.githubusercontent.com/gaearon/0275b1e1518599bbeafcde4722e79ed1/raw/db72dcbf3384ee1708c4a07d3be79860db04bff0/example.html) til að prófa React staðbundið á eigin vél. Prófaðu að opna hana í eigin ritli og í vafranum þínum! |
45 | 45 |
|
46 | | -## Start a new React project {/*start-a-new-react-project*/} |
| 46 | +## Byrjaðu á nýju React verkefni {/*start-a-new-react-project*/} |
47 | 47 |
|
48 | | -If you want to build an app or a website fully with React, [start a new React project.](/learn/start-a-new-react-project) |
| 48 | +Skoðaðu [leiðbeiningar um uppsetningu á nýju React verkefni](/learn/start-a-new-react-project) ef þú vilt smíða vefforrit eða vefsíðu frá grunni með React. |
49 | 49 |
|
50 | | -## Add React to an existing project {/*add-react-to-an-existing-project*/} |
| 50 | +## Bættu React við tiltækt verkefni {/*add-react-to-an-existing-project*/} |
51 | 51 |
|
52 | | -If want to try using React in your existing app or a website, [add React to an existing project.](/learn/add-react-to-an-existing-project) |
| 52 | +Skoðaðu [leiðbeiningar um innsetningu á React í tiltæku verkefni](/learn/add-react-to-an-existing-project) ef þú vilt prófa að nota React í núverandi verkefni. |
53 | 53 |
|
54 | | -## Next steps {/*next-steps*/} |
55 | | - |
56 | | -Head to the [Quick Start](/learn) guide for a tour of the most important React concepts you will encounter every day. |
| 54 | +## Næstu skref {/*next-steps*/} |
57 | 55 |
|
| 56 | +Kíktu á [fyrstu skref](/learn) til að fá heildaryfirsýn á React og þeim hugtökum sem þú munt koma til með að nota dagsdaglega. |
0 commit comments