Τι νέο υπάρχει στο Svelte 4;

Τον Ιούνιο του 2023, η Svelte ανακοίνωσε την πιο πρόσφατη σταθερή της κυκλοφορία, την έκδοση 4. Η ενημερωμένη έκδοση Svelte 4 είναι κατά κύριο λόγο μια έκδοση συντήρησης του Svelte 3, με στόχο να θέσει τις βάσεις ώστε η επόμενη γενιά του Svelte να κυκλοφορήσει ως Svelte 5.

Το Svelte 4 προσθέτει διάφορες βελτιώσεις στο οικοσύστημα Svelte, συμπεριλαμβανομένου ενός επανασχεδιασμού ιστότοπου, της ρύθμισης των τοπικών μεταβάσεων ως προεπιλογής, της βελτίωσης της υποστήριξης στοιχείων web και της μετάβασης από το TypeScript στο JSDoc.

1. Svelte Site Redesign

Το Svelte 4 έφτασε μαζί με βελτιώσεις στο επίσημο Ιστότοπος Svelte. Η νέα εμφάνιση του ιστότοπου είναι φανταστική, με βελτιωμένα έγγραφα TypeScript, μια επιλογή σκοτεινής λειτουργίαςκαι μια γενικά βελτιωμένη εμπειρία χρήστη σε όλες τις συσκευές.

Ο ιστότοπος Svelte διαθέτει τώρα ένα βελτιωμένο REPL που σας επιτρέπει να πειραματιστείτε με τον κώδικα Svelte απευθείας στο πρόγραμμα περιήγησης.

Επίσης, όλοι οι σύνδεσμοι εκμάθησης Svelte υποδεικνύουν πλέον την εμπειρία των νέων μαθητών του Svelte, ενώ τα παλιά μαθήματα είναι διαθέσιμα για χρήστες του Safari 16.3 και παλαιότερων.

2. Οι τοπικές μεταβάσεις είναι προεπιλογές

Φανταστείτε την οδυνηρή εμπειρία να πρέπει να συμβιβαστείτε με τις μεταβάσεις CSS αφού παρακολουθήσετε τη φόρτωση της σελίδας σας περισσότερο από το αναμενόμενο, επειδή χρησιμοποιήσατε μεταβάσεις Svelte.

Συνήθως, μια μετάβαση παίζει όταν καταστρέφετε ένα γονικό μπλοκ. Μπορείτε να παρακάμψετε αυτήν τη συμπεριφορά με το |τοπικό τροποποιητής. Αυτό προκαλεί την εκτέλεση της μετάβασης μόνο όταν καταστρέφετε το μπλοκ που περιέχει το στοιχείο προορισμού. Στο Svelte 4, αυτό |τοπικό Ο τροποποιητής έχει οριστεί ως προεπιλογή για μεταβάσεις.

Στο παρακάτω απόσπασμα, μια μετάβαση διαφάνειας προστίθεται τοπικά στο div στοιχείο:

 {είδος}

3. Βελτιωμένη υποστήριξη στοιχείων Web

Η Svelte ανέκαθεν προωθούσε την επαναχρησιμοποίηση και τη συντηρησιμότητα, εξ ου και η συνεχής υποστήριξή της για στοιχεία ιστού. Τα στοιχεία Ιστού σάς επιτρέπουν να δημιουργείτε επαναχρησιμοποιήσιμα προσαρμοσμένα στοιχεία HTML με ένεση στυλ και συμπεριφορά.

Το Svelte 4 αλλάζει τον τρόπο με τον οποίο δημιουργεί στοιχεία ιστού, αφαιρώντας σφάλματα και ασυνέπειες. Αυτές οι αλλαγές περιλαμβάνουν:

• Εξαγωγή δημιουργεί ένα στήριγμα εξαρτημάτων, καθιστώντας το προσβάσιμο στους καταναλωτές εξαρτημάτων.
• Οι αναθέσεις είναι αντιδραστικές. Για να αλλάξετε την κατάσταση ενός στοιχείου και να ενεργοποιήσετε μια εκ νέου απόδοση, αντιστοιχίστε το σε μια τοπικά δηλωμένη μεταβλητή.
• Χρησιμοποιήστε το $ σύμβολο στην αρχή μιας δήλωσης για να την επισημάνετε ως αντιδραστική δήλωση. Οι αντιδραστικές δηλώσεις εκτελούνται μετά από άλλο κώδικα δέσμης ενεργειών και πριν από την απόδοση της σήμανσης στοιχείου, όποτε αλλάζουν οι εξαρτημένες τιμές.
• Κατά τη δημιουργία αντικειμένων αποθήκευσης, προσθέστε πρόθεμα στο κατάστημα με $ για να επιτραπεί η ενεργή πρόσβαση σε μια τιμή.
• Ρύθμιση του χαρακτηριστικού περιβάλλοντος μιας ετικέτας σεναρίου σε μονάδα μέτρησης κάνει το σενάριο να εκτελεστεί μία φορά κατά την πρώτη αξιολόγηση της λειτουργικής μονάδας και όχι για κάθε στιγμιότυπο στοιχείου.

4. Η μετάβαση από το TypeScript στο JSDoc

Το JSDoc είναι ένα εργαλείο τεκμηρίωσης που υποστηρίζει την προσθήκη σχολιασμών τύπων και σχολίων σε κώδικες JavaScript.

Λαμβάνοντας υπόψη ότι το JSDoc εξαπατά τους προγραμματιστές να τεκμηριώσουν τους κώδικές τους, αυτή η μετεγκατάσταση στοχεύει να ενθαρρύνει περισσότερους προγραμματιστές Svelte να σχηματίσουν τη συνήθεια να τεκμηριώνουν σωστά τους κώδικές τους. Μια επαρκώς τεκμηριωμένη βάση κώδικα JavaScrpt θα απαιτούσε ελάχιστο ή καθόλου έλεγχο τύπου.

Εάν είστε νέοι στο TypeScript, θα πρέπει εξερευνήστε το TypeScript και ανακαλύψτε γιατί το προτιμούν οι προγραμματιστές.

Μετανάστευση στο Svelte 4

Το Svelte 4 έχει βελτιωμένη απόδοση και βελτιωμένη ανάπτυξη, η οποία είναι εξαιρετική για τη δημιουργία εφαρμογών web υψηλής απόδοσης. Αυτή η νέα έκδοση θα πρέπει επίσης να ενθαρρύνει την καλύτερη τεκμηρίωση κώδικα με τη μετάβαση στο JSDoc.

Το Svelte συνεχίζει να βελτιώνεται και, ενώ δεν είναι ένα πλαίσιο με το οποίο γνωρίζει κάθε προγραμματιστής, όσοι το επαινούν έντονα.