Η μετάβαση από jQuery σε Vue είναι ο τρόπος να ξαναγίνει συντηρήσιμο ένα frontend δέκα ετών. Αυτή τη στιγμή, κάθε αλλαγή κινδυνεύει να σπάσει κάτι άλλο, δεν υπάρχουν tests να το πιάσουν, και οι developers που θέλουν να δουλέψουν σε παλιό jQuery όλο και λιγοστεύουν. Γι' αυτό μετατρέπω frontend σε jQuery και vanilla JavaScript σε σύγχρονες εφαρμογές Vue 3.
Το σημαντικότερο: η προσέγγιση είναι σταδιακή. Το Vue μπαίνει μέσα στις υπάρχουσες σελίδες σας και οι λειτουργίες μεταφέρονται μία-μία, οπότε η επιχείρηση δεν σταματά ποτέ. Είναι η ίδια διαδικασία που εφαρμόζω σε enterprise συστήματα: τεχνικός έλεγχος πρώτα, μετρήσιμα ορόσημα, και ένα codebase που η ομάδα σας μπορεί επιτέλους να ελέγξει, να επεκτείνει και να παραδώσει σε νέο συνεργάτη χωρίς δίμηνη μαθητεία.
Ο κίνδυνος ενός παλιού frontend σε jQuery μεγαλώνει κάθε χρόνο. Συγκεκριμένα: τα εγκαταλελειμμένα plugins δεν παίρνουν πια security patches, το global state κάνει κάθε αλλαγή στοίχημα, και χωρίς tests τα λάθη εμφανίζονται στην παραγωγή αντί στο CI. Πάνω από αυτά, οι προσλήψεις δυσκολεύουν, ελάχιστοι developers θέλουν να συντηρούν ένα stack που ο κλάδος έχει αφήσει πίσω.
Η μετάβαση από jQuery σε Vue μετατρέπει αυτό το βάρος σε περιουσιακό στοιχείο. Οι λειτουργίες ζουν σε ελεγμένα, επαναχρησιμοποιήσιμα components· το state γίνεται προβλέψιμο· και το codebase αρχίζει να τραβάει developers αντί να τους διώχνει. Και επειδή γίνεται σταδιακά, μαζεύετε το όφελος σελίδα-σελίδα, χωρίς να ποντάρετε την επιχείρηση σε ένα ξαναγράψιμο από την αρχή.
Τι σας δίνει η μετάβαση από jQuery σε Vue
- Οι αλλαγές παύουν να είναι στοίχημα, τα ελεγμένα components πιάνουν τα λάθη πριν τα δουν οι πελάτες σας
- Ένα frontend στο οποίο οι developers θέλουν να δουλέψουν αντί να το αποφεύγουν (Vue 3, Vite, έτοιμο για TypeScript)
- Καμία παύση ανάπτυξης, το site συνεχίζει να δουλεύει
- Τεκμηρίωση και 30 ημέρες τεχνική εγγύηση μετά τη θέση σε λειτουργία
Γίνεται η μετάβαση χωρίς να ξαναγραφτούν όλα μαζί;
Ναι, αυτό είναι όλο το νόημα. Επειδή το Vue 3 μπαίνει μέσα στις υπάρχουσες σελίδες σας, οι λειτουργίες μεταφέρονται μία-μία ενώ η υπόλοιπη εφαρμογή δουλεύει όπως είναι.
Ο κώδικάς μας σε jQuery δεν έχει tests ούτε τεκμηρίωση. Είναι πρόβλημα;
Αυτή είναι η κανονική αφετηρία. Ο τεχνικός έλεγχος ανασυνθέτει πρώτα το πώς συμπεριφέρεται πραγματικά η εφαρμογή· μετά προσθέτω tests γύρω από κάθε λειτουργία πριν μεταφερθεί, ώστε να μην αλλάξει τίποτα στα κρυφά.
Πόσο διαρκεί η μετάβαση από jQuery σε Vue;
Ένα τυπικό site ή εσωτερικό εργαλείο παίρνει 4-10 εβδομάδες, ανάλογα με το πόση λογική ζει στο frontend. Ο τεχνικός έλεγχος σας δίνει συγκεκριμένη εκτίμηση από την αρχή.
Έχουμε ένα παλιό PHP backend. Πρέπει να αλλάξει και αυτό;
Όχι. Το Vue μιλάει με το υπάρχον backend σας όπως είναι, σελίδες που παράγονται στον server, AJAX endpoints ή templates. Ο εκσυγχρονισμός του backend μπορεί να έρθει αργότερα, ή και ποτέ.
Άλλες υπηρεσίες
Επικοινωνία
Αθήνα, συνεργασία εξ αποστάσεως με ομάδες σε Ευρώπη & ΗΠΑ
info@offline-web.com