Angular 2 – Angular 2 ClI

angular2 and angular 2 cli

Η angular 2 final release είναι πλέον γεγονός. Όπως φαίνεται όλο και περισσότερο κατευθύνεται προς ένα ολοκληρωμένο javascript framework. Στο στρατόπεδο της angular 2 φαίνεται ότι μάθανε από τις αδυναμίες της angular έναντι της react και αποφασίσανε να υιοθετήσουνε όλα τα χαρακτηριστικά της react που την έκανε τόσο δυνατή (π.χ. κατασκευή projects με componets) να διατηρήσουν την δυναμικότητα του framework και να αλλάξουνε κάποια πράγματα που δεν έδιναν τη δυνατότητα για μεγαλύτερη ταχύτητα (π.χ. πλέον το two way databinding δεν είναι υποχρεωτικό από την αρχή). Σε σχέση με την react  πιστεύω ότι η angular 2 ξεπήδησε μπροστά και το μόνο που πρέπει πλέον να κάνει είναι να βελτιώσει θέματα στην ταχύτητα καθώς και κάποια bugs που υπάρχουν καθώς είναι πολύ “νέα” ακόμη.

Για να ξεκινήσεις project με την angular οι δύο προφανείς λύσεις είναι το angular seed , και το angular cli. Δοκιμάζοντας και τα 2 κατέληξα ότι μου αρέσει πιο πολύ το angular cli και ότι με αυτό μπορώ να γράφω κώδικα πολύ πιο γρήγορα και πολύ πιο modularized. Με το angular cli  καταφέρνεις και γλιτώνεις όλα αυτά τα imports που κάνεις στην αρχή του αρχείου σου  που όσοι έχουμε ασχοληθεί με την angular και την react έχουμε βαρεθεί να γράφουμε. Πλέον με την final release της angular 2 και του latest angular cli όλα αυτά γίνονται αυτόματα!

Το μόνο που έχει να κάνει κάποιος για να δημιουργήσει ένα component είναι να δώσει την εντολή ng g c randomcomponent όπου randomcomponent το όνομα του componet σας και έπειτα το component αυτόματα δηλώνεται στο appmodule.ts  αρχείο και είναι έτοιμο προς χρησιμοποίηση σε οποιοδήποτε component δημιουργήσετε χωρίς declarations στην αρχή του αρχείου. Μόνο αυτό το γεγονός μπορεί να επιταχύνει την ανάπτυξη ενός project κατά 10% – 20% καθώς πρέπει να σκεφτόμαστε και όλα τα miss spellings που τυχόν μπορούν να γίνουν.

Τέλος με το angular cli αυτοματοποιείται το production καθώς με την εντολή ng build είναι όλα έτοιμα για να χρησιμοποιηθούν live.  Ακόμη υπάρχει και επιλογή για το github  με την εντολή ng github-pages:deploy με πάρα πολλές επιλογές! Φυσικά το ng new που δημιουργεί αυτόματα ένα νέο project ready for work για εσάς είναι το πρώτο που θα συναντήσει κάποιος.

Σκοπός αυτού του άρθρου είναι να προτείνω την λύση που βρήκα ως developer πιο γρήγορη στην εκμάθηση αλλά και πιο βολική για να φτιάξω angular 2 web apps. Φυσικά τίποτα δεν είναι το πιο σωστό ούτε το πιο λάθος. Θα μπορούσε κάποιος να μην χρησιμοποιήσει καμιά από τις προαναφερθείσες λύσεις και να κάνει με το grunt κάτι δικό του , απλά πιστεύω ότι εκτός από εμπειρία θα απαιτούσε και πολλές εργατοώρες.

Αφήστε ένα σχόλιο

Η ηλ. διεύθυνση σας δεν δημοσιεύεται. Τα υποχρεωτικά πεδία σημειώνονται με *

Πρόσφατα άρθρα

Δωρεάν EBOOK από τη Web-Mate για το Τοπικό Μάρκετινγκ