Skip to content
This repository has been archived by the owner on Apr 21, 2023. It is now read-only.

Commit

Permalink
Merge pull request #8 from john-d-pelingo/translate-hello-world
Browse files Browse the repository at this point in the history
Initial translation of hello world
  • Loading branch information
gatzjames authored Feb 28, 2019
2 parents 85528eb + 0558e79 commit 740c0f7
Showing 1 changed file with 15 additions and 17 deletions.
32 changes: 15 additions & 17 deletions content/docs/hello-world.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ prev: cdn-links.html
next: introducing-jsx.html
---

The smallest React example looks like this:
Το μικρότερο παράδειγμα React μοιάζει με αυτό:

```js
ReactDOM.render(
Expand All @@ -15,36 +15,34 @@ ReactDOM.render(
);
```

It displays a heading saying "Hello, world!" on the page.
Εμφανίζει μια επικεφαλίδα λέγοντας "Hello, world!" στη σελίδα.

[](codepen://hello-world)

Click the link above to open an online editor. Feel free to make some changes, and see how they affect the output. Most pages in this guide will have editable examples like this one.
Κάντε κλικ στον παραπάνω σύνδεσμο για να ανοίξετε έναν online editor. Μη διστάσετε να κάνετε κάποιες αλλαγές και δείτε πώς επηρεάζουν την έξοδο. Οι περισσότερες σελίδες σε αυτόν τον οδηγό θα έχουν επεξεργάσιμα παραδείγματα όπως αυτή.

## Πώς να Διαβάσετε Αυτόν Τον Οδηγό {#how-to-read-this-guide}

## How to Read This Guide {#how-to-read-this-guide}
Σε αυτόν τον οδηγό, θα εξετάσουμε τα δομικά στοιχεία των React εφαρμογών: elements και components. Μόλις τα κατέχετε, μπορείτε να δημιουργήσετε σύνθετες εφαρμογές από μικρά επαναχρησιμοποιούμενα κομμάτια.

In this guide, we will examine the building blocks of React apps: elements and components. Once you master them, you can create complex apps from small reusable pieces.

>Tip
>Υπόδειξη
>
>This guide is designed for people who prefer **learning concepts step by step**. If you prefer to learn by doing, check out our [practical tutorial](/tutorial/tutorial.html). You might find this guide and the tutorial complementary to each other.
>Αυτός ο οδηγός έχει σχεδιαστεί για άτομα που προτιμούν **να μάθουν έννοιες βήμα προς βήμα**. Αν προτιμάτε να μάθετε κάνοντας, δείτε το [πρακτικό tutorial](/tutorial/tutorial.html) μας. Μπορεί να βρείτε αυτόν τον οδηγό και το tutorial συμπληρωματικό μεταξύ τους.
This is the first chapter in a step-by-step guide about main React concepts. You can find a list of all its chapters in the navigation sidebar. If you're reading this from a mobile device, you can access the navigation by pressing the button in the bottom right corner of your screen.
Αυτό είναι το πρώτο κεφάλαιο σε έναν βήμα-προς-βήμα οδηγό σχετικά με τις κύριες έννοιες του React. Μπορείτε να βρείτε μια λίστα όλων των κεφαλαίων της στην πλευρική γραμμή πλοήγησης. Αν διαβάζετε αυτό από μια κινητή συσκευή, μπορείτε να έχετε πρόσβαση στην πλοήγηση πατώντας το κουμπί στην κάτω δεξιά γωνία της οθόνης σας.

Every chapter in this guide builds on the knowledge introduced in earlier chapters. **You can learn most of React by reading the “Main Concepts” guide chapters in the order they appear in the sidebar.** For example, [Introducing JSX”](/docs/introducing-jsx.html) is the next chapter after this one.
Κάθε κεφάλαιο αυτού του οδηγού στηρίζεται στις γνώσεις που έχουν παρουσιασθεί σε προηγούμενα κεφάλαια. **Μπορείτε να μάθετε το μεγαλύτερο μέρος του React διαβάζοντας τα κεφάλαια οδηγών “Βασικές έννοιες” με τη σειρά που εμφανίζονται στην πλαϊνή γραμμή**. Για παράδειγμα, [Εισαγωγή στο JSX”](/docs/introducing-jsx.html) είναι το επόμενο κεφάλαιο μετά από αυτό.

## Knowledge Level Assumptions {#knowledge-level-assumptions}
## Υποθέσεις Επίπεδου Γνώσης {#knowledge-level-assumptions}

React is a JavaScript library, and so we'll assume you have a basic understanding of the JavaScript language. **If you don't feel very confident, we recommend [going through a JavaScript tutorial](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript) to check your knowledge level** and enable you to follow along this guide without getting lost. It might take you between 30 minutes and an hour, but as a result you won't have to feel like you're learning both React and JavaScript at the same time.
Το React είναι μια βιβλιοθήκη JavaScript και έτσι θα υποθέσουμε ότι έχετε μια βασική κατανόηση της γλώσσας JavaScript. **Εάν δεν αισθάνεστε βέβαιοι, συνιστούμε [να περάσετε από ένα JavaScript tutorial](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript) για να ελέγξετε το επίπεδο γνώσης σας** και να σας επιτρέψουν να ακολουθήσετε αυτόν τον οδηγό χωρίς να χαθείτε. Μπορεί να σας πάρει μεταξύ 30 λεπτών και μιας ώρας, αλλά ως αποτέλεσμα δεν θα πρέπει να αισθάνεστε σαν να μαθαίνετε ταυτόχρονα τόσο το React όσο και το JavaScript.

>Note
>Σημείωση
>
>This guide occasionally uses some of the newer JavaScript syntax in the examples. If you haven't worked with JavaScript in the last few years, [these three points](https://gist.github.com/gaearon/683e676101005de0add59e8bb345340c) should get you most of the way.
>Αυτός ο οδηγός περιστασιακά χρησιμοποιεί ορισμένες από τις νεότερες συντάξεις JavaScript στα παραδείγματα. Εάν δεν έχετε δουλέψει με JavaScript τα τελευταία χρόνια, [αυτά τα τρία σημεία](https://gist.github.com/gaearon/683e676101005de0add59e8bb345340c) θα πρέπει να σας βοηθήσουν περισσότερο.
## Let's Get Started! {#lets-get-started}

Keep scrolling down, and you'll find the link to the [next chapter of this guide](/docs/introducing-jsx.html) right before the website footer.
## Ας Ξεκινήσουμε! {#lets-get-started}

Συνεχίστε να μετακινήστε προς τα κάτω και θα βρείτε τον σύνδεσμο στο [επόμενο κεφάλαιο αυτού του οδηγού](/docs/introducing-jsx.html) ακριβώς πριν το footer του ιστότοπου.

0 comments on commit 740c0f7

Please sign in to comment.