Μάθημα προγραμματισμού

Αυτές τις μέρες υπάρχουν πολλές γλώσσες προγραμματισμού για να μάθετε και η ανάπτυξη front-end έχει φτάσει στο επόμενο επίπεδο αυτές τις μέρες.

Σήμερα στο πλαίσιο του μαθήματος προγραμματισμού παρέχουμε το μάθημα React.js.

Το React (επίσης γνωστό ως React.js ή ReactJS) είναι μια δωρεάν και ανοικτού κώδικα βιβλιοθήκη front-end JavaScript[3] για τη δημιουργία διεπαφών χρήστη ή στοιχείων UI. Συντηρείται από το Facebook και μια κοινότητα μεμονωμένων προγραμματιστών και εταιρειών[4][5][6] Το React μπορεί να χρησιμοποιηθεί ως βάση στην ανάπτυξη εφαρμογών μίας σελίδας ή εφαρμογών για κινητά. Ωστόσο, το React ασχολείται μόνο με τη διαχείριση της κατάστασης και την απόδοση αυτής της κατάστασης στο DOM, οπότε η δημιουργία εφαρμογών React απαιτεί συνήθως τη χρήση πρόσθετων βιβλιοθηκών για τη δρομολόγηση, καθώς και ορισμένων λειτουργιών στην πλευρά του πελάτη[7].

Ακολουθεί ένα υποτυπώδες παράδειγμα χρήσης του React σε HTML με JSX και JavaScript.

<div id="myReactApp"></div>

<script type="text/babel">

function Greeter(props) {

επιστροφή <h1>{props.greeting}</h1>;

}

let App = ;

ReactDOM.render(App, document.getElementById('myReactApp')),

</script>

Η συνάρτηση Greeter είναι ένα στοιχείο React που δέχεται μια ιδιότητα χαιρετισμού. Η μεταβλητή App είναι μια περίπτωση του συστατικού Greeter όπου η ιδιότητα greeting έχει οριστεί σε 'Hello World!'. Στη συνέχεια, η μέθοδος ReactDOM.render αποδίδει το συστατικό Greeter μέσα στο στοιχείο DOM με id myReactApp.

Όταν εμφανίζεται σε ένα πρόγραμμα περιήγησης ιστού, το αποτέλεσμα θα είναι

<div id="myReactApp">

<h1>Γεια σας κόσμε!</h1>

</div>