Το Jetpack Compose for Web είναι ένα νέο πλαίσιο διεπαφής χρήστη για την ανάπτυξη ιστού

Η JetBrains φέρνει το Jetpack Compose, το δηλωτικό πλαίσιο σχεδίασης της Google για Android, στον Ιστό. Είναι διαθέσιμο ως προεπισκόπηση σήμερα.

Τα τελευταία χρόνια, υπήρξε μια αρκετά μεγάλη ώθηση για ανάπτυξη προγραμμάτων πολλαπλών πλατφορμών. Πλαίσια όπως το React και το Flutter δημιουργήθηκαν για να επιτρέπουν στους προγραμματιστές να μοιράζονται μια ενιαία βάση κώδικα σε Android, iOS, επιτραπέζιους υπολογιστές, ακόμη και στον ιστό. Ακόμη και η JetBrains, η εταιρεία πίσω από μερικά από τα πιο δημοφιλή IDE και τη γλώσσα προγραμματισμού Kotlin, εργάζεται για την ανάπτυξη πολλαπλών πλατφορμών. Πρώτα με το Kotlin Multiplatform αλλά πιο πρόσφατα με το Jetpack Compose.

Πριν λίγο καιρό, η JetBrains μετέφερε το Jetpack Compose, το δηλωτικό πλαίσιο σχεδίασης της Google για Android, στην επιφάνεια εργασίας. Αυτό επέτρεψε την ανάπτυξη επιτραπέζιων υπολογιστών πολλαπλών πλατφορμών με βάση το JVM της Java. Χρησιμοποιώντας το Jetpack Compose, μπορείτε να δημιουργήσετε μια εφαρμογή για Android, macOS, Windows, ακόμη και Linux, όλα από μία βάση κώδικα. Αλλά εκτός από το iOS, λείπει μια αρκετά μεγάλη πλατφόρμα από το Compose: ο ιστός.

Αυτό πρόκειται να αλλάξει, όμως. Η JetBrains έχει απελευθερώθηκε αυτό που ονομάζουν προεπισκόπηση τεχνολογίας του Jetpack Compose για Web.

Τώρα, η Προεπισκόπηση τεχνολογίας είναι βασικά ένα φανταχτερό όνομα για το pre-alpha. Το Compose for Web δεν είναι καθόλου έτοιμο για χρήση στην παραγωγή. Δεν υπάρχουν σεμινάρια, πολύ λίγη τεκμηρίωση και τα API δεν είναι σχεδόν ολοκληρωμένα. Με αυτά τα λόγια, ας δούμε τι προσφέρει μέχρι στιγμής το Compose for Web.

Στην τρέχουσα έκδοση, υπάρχουν δύο τρόποι που μπορείτε να αναπτύξετε στο Compose for Web: χρησιμοποιώντας το DOM API ή χρησιμοποιώντας τα υπάρχοντα γραφικά στοιχεία Σύνθεσης, όπως Στήλη ή Κείμενο.

Εάν χρησιμοποιείτε το DOM API, θα έχετε ονόματα API που αντιπροσωπεύουν τα διαφορετικά στοιχεία HTML, όπως π.χ Π, ένα, και ούτω καθεξής. Η μεγάλη διαφορά μεταξύ Compose και κλασικού Kotlin JS, ωστόσο, είναι ότι μπορείτε να χρησιμοποιήσετε δηλωτικό σχέδιο που βασίζεται σε κατάσταση. Αυτή η επιλογή φαίνεται σαν μια γέφυρα μεταξύ της κλασικής ανάπτυξης ιστού και της ολοκληρωμένης δηλωτικής ανάπτυξης διεπαφής χρήστη. Εκτός από τη δημιουργία μιας διάταξης, το Compose for Web σάς επιτρέπει επίσης να δημιουργείτε δυναμικά φύλλα στυλ βασισμένα σε καταστάσεις.

Η δεύτερη επιλογή είναι αυτό που θα φαίνεται πιο οικείο στους προγραμματιστές Android και Compose. Υπάρχουν προκατασκευασμένα στοιχεία, όπως Στήλη, Σειρά και Ρυθμιστικό, τα οποία μπορείτε να χρησιμοποιήσετε για να δημιουργήσετε μια διεπαφή ιστού. Αυτήν τη στιγμή, αυτά δεν είναι πολύ ολοκληρωμένα και τα στυλ και οι επιλογές δεν έχουν εφαρμοστεί πλήρως. Αλλά τουλάχιστον μας δίνει μια ιδέα για το τι επιφυλάσσει το JetBrains για το Compose for Web.

Συνολικά, αυτή τη στιγμή, δεν υπάρχουν πραγματικά πολλά για Σύνθεση για τον Ιστό. Είναι ακόμα μέσα του πολύ πρώτες ημέρες. Αλλά μπορεί να σημαίνει πολλά για το μέλλον. Προσωπικά, ως προγραμματιστής Android, είχα πρόβλημα να μπω σε πλαίσια διάταξης που βασίζονται σε πρόγραμμα περιήγησης. Το βασικό HTML και το CSS μπορεί να είναι αδέξια και οι συντακτικές React και Flutter εξακολουθούν να βασίζονται στον σχεδιασμό HTML.

Μια πλήρως εξοπλισμένη γλώσσα σχεδιασμού πολλαπλών πλατφορμών που δεν βασίζεται σε αρχές σχεδιασμού ιστοσελίδων είναι αρκετά συναρπαστική. Ενώ το Jetpack Compose έχει ακόμη πολύ δρόμο μπροστά του, αυτό που έχει σχεδιάσει η JetBrains θα μπορούσε να σημαίνει πολλά για το μέλλον του σχεδιασμού διεπαφής χρήστη.

Εάν θέλετε να μάθετε περισσότερα σχετικά με το Compose for Web, δείτε την ανακοίνωση της JetBrains. Αν σας ενδιαφέρει να παίξετε με την τρέχουσα εφαρμογή, κατευθυνθείτε στο αποθετήριο GitHub.