Εγκατάσταση του Πλαισίου React

Για την εγκατάσταση του πλαισίου θα χρειαστείτε NodeJS 22+ στον υπολογιστή σας. Για να δημιουργήσετε ένα project στη γραμμή εντολών, εκτελέστε την ακόλουθη εντολή:

npm create vite@latest my-app -- --template react

Και στη συνέχεια εκτελέστε τις ακόλουθες εντολές:

cd my-app
npm install
npm run dev

Μετά από αυτό, θα έχετε έναν φάκελο my-app, που περιέχει το πλαίσιο. Βρείτε σε αυτόν τον φάκελο τον φάκελο src - αυτός θα είναι ο φάκελος εργασίας σας, στον οποίο θα αναπτύσσετε το project σας.

Στον φάκελο src βρείτε το αρχείο App.js. Στα επόμενα μαθήματα, αυτό το αρχείο θα είναι το κύριο αρχείο εργασίας σας. Σε αυτό θα γράφετε κώδικα, παρακολουθώντας τα αποτελέσματά του στο παράθυρο του browser.

Ανοίξτε αυτό το αρχείο στον editor και διαγράψτε οτιδήποτε περιττό, φέρνοντάς το στην ακόλουθη μορφή:

import React from 'react';

function App() {
	return <div>
		κείμενο
	</div>;
}

export default App;

Αφού εγκατασταθεί το project σας, για τον επόμενο εκκίνηση (για παράδειγμα, μετά από επανεκκίνηση υπολογιστή) θα χρειαστεί μόνο να μεταβείτε μέσω του terminal στο φάκελο my-app και να εκτελέσετε την ακόλουθη εντολή:

npm run dev