Πώς να εγκαταστήσετε το ReactJS στο Ubuntu

Αναπτύχθηκε από το Facebook το 2011, το React (αναφέρεται επίσης ως ReactJS) είναι μια βιβλιοθήκη Javascript που χρησιμοποιείται για τη δημιουργία γρήγορων και διαδραστικών διεπαφών χρήστη. Τη στιγμή της σύνταξης, είναι η πιο δημοφιλής βιβλιοθήκη Javascript για την ανάπτυξη διεπαφών χρήστη. Το React υπερτερεί των ομολόγων του – Angular και Vue JS όσον αφορά τη λειτουργικότητα και τη δημοτικότητα.

Η δημοτικότητά του πηγάζει από την ευελιξία και την απλότητά του και αυτό το καθιστά την πρώτη επιλογή στην ανάπτυξη εφαρμογών για κινητά και διαδικτυακών εφαρμογών. Περισσότεροι από 90.000 ιστότοποι χρησιμοποιούν το React συμπεριλαμβανομένων τεχνολογικών κολοσσών όπως το Facebook, το Netflix, το Instagram >, Airbnb και Twitter για να παραθέσουμε μερικά.

Σε αυτό το άρθρο, θα μάθετε πώς να εγκαταστήσετε το ReactJS στο Ubuntu 20.04 και στο Ubuntu 18.04.

Βήμα 1: Εγκατάσταση NPM στο Ubuntu

Ξεκινάμε την εγκατάσταση του React JS εγκαθιστώντας το npm – συντομογραφία για τον διαχειριστή πακέτων κόμβου, είναι δύο πράγματα. Πρώτον, είναι ένα εργαλείο γραμμής εντολών που χρησιμοποιείται για την αλληλεπίδραση με πακέτα Javascript, το οποίο επιτρέπει στους χρήστες να εγκαταστήσουν, να ενημερώσουν και να διαχειριστούν εργαλεία και βιβλιοθήκες Javascript.

Δεύτερον, το npm είναι ένα ηλεκτρονικό μητρώο λογισμικού ανοιχτού κώδικα που φιλοξενεί πάνω από 800.000 πακέτα Node.JS. Το Npm είναι δωρεάν και μπορείτε εύκολα να κατεβάσετε εφαρμογές λογισμικού που είναι δημόσια διαθέσιμες.

Για να εγκαταστήσετε το npm στο Ubuntu Linux, συνδεθείτε στον διακομιστή σας ως χρήστης sudo και καλέστε την παρακάτω εντολή:

sudo apt install npm

Μόλις ολοκληρωθεί η εγκατάσταση, μπορείτε να επαληθεύσετε την εγκατεστημένη έκδοση του npm χρησιμοποιώντας την εντολή:

npm --version

6.14.4  [Output]

Η πιο πρόσφατη έκδοση τη στιγμή της σύνταξης αυτής είναι η v6.14.4 όπως φαίνεται στην έξοδο.

Η εγκατάσταση του npm εγκαθιστά επίσης το node.js και μπορείτε να επιβεβαιώσετε την έκδοση του node που έχει εγκατασταθεί χρησιμοποιώντας την εντολή:

node --version

v10.16.0  [Output]

Βήμα 2: Εγκατάσταση του βοηθητικού προγράμματος δημιουργίας-react-app

Το create-react-app είναι ένα βοηθητικό πρόγραμμα που σας δίνει τη δυνατότητα να ρυθμίσετε όλα τα εργαλεία που απαιτούνται για τη δημιουργία μιας εφαρμογής React. Σας εξοικονομεί πολύ χρόνο και ενέργεια, ρυθμίζοντας τα πάντα από την αρχή και σας δίνει την απαραίτητη αρχή.

Για να εγκαταστήσετε το εργαλείο, εκτελέστε την ακόλουθη εντολή npm:

sudo npm -g install create-react-app

Μόλις εγκατασταθεί, μπορείτε να επιβεβαιώσετε την έκδοση του εγκατεστημένου εκτελώντας:

create-react-app --version

4.0.1  [Output]

Βήμα 3: Δημιουργήστε και εκκινήστε την πρώτη σας εφαρμογή React

Η δημιουργία μιας εφαρμογής React είναι αρκετά απλή και απλή. Θα δημιουργήσουμε μια εφαρμογή react που ονομάζεται tecmint-app ως εξής.

create-react-app tecmint-app

Αυτό διαρκεί περίπου 5 λεπτά για να εγκαταστήσετε όλα τα πακέτα, τις βιβλιοθήκες και τα εργαλεία που χρειάζονται η εφαρμογή. Λίγη υπομονή θα σας φανεί χρήσιμη.

Εάν η δημιουργία της εφαρμογής ήταν επιτυχής, θα λάβετε την παρακάτω ειδοποίηση δίνοντας τις βασικές εντολές που μπορείτε να εκτελέσετε για να ξεκινήσετε τη διαχείριση της εφαρμογής.

Για να εκτελέσετε την εφαρμογή, πλοηγηθείτε στον κατάλογο app

cd tecmint-app

Στη συνέχεια, εκτελέστε την εντολή:

npm start

Θα καταλήξετε να λάβετε την παρακάτω έξοδο που σας δείχνει πώς να αποκτήσετε πρόσβαση στην εφαρμογή στο πρόγραμμα περιήγησης.

Ενεργοποιήστε το πρόγραμμα περιήγησής σας και περιηγηθείτε στη διεύθυνση IP του διακομιστή σας

http://server-ip:3000

Αυτό δείχνει ότι η προεπιλεγμένη εφαρμογή React είναι ενεργοποιημένη και εκτελείται. Σε αυτόν τον οδηγό, εγκαταστήσαμε με επιτυχία το React JS και δημιουργήσαμε μια εφαρμογή στο React.