Που μπορώ να χρησιμοποιήσουμε την Angular 2 ή την React.js

Angular2-and-React

Έχουν γραφτεί πάρα πολλά tutorials για το πως να  φτιάξω ένα angular 2 app ή ένα react app , κάτι το οποίο κάνουμε και εμείς μέσω των screencast μας. Όμως λίγες φορές έχει εξηγήσει κάποιος που θα μπορούσαμε πρακτικά να χρησιμοποιήσουμε την react και την angular2. Φυσικά η angular και η react θα μπορούσαν να χρησιμοποιηθούν σε μεγάλα web apps αλλά πόσα web Apps θα κατασκευάσετε μέσα σε μια χρονιά εάν δεν είστε μια μεγάλη εταιρεία ?

Σε πρακτικό επίπεδο θα μπορούσαμε να χρησιμοποιήσουμε την react ή την angular εάν θα θέλαμε να δημιουργήσουμε widget στην ιστοσελίδα μας που να παίρνουν feed από το face book , το twitter κ το instagram. Έτσι θα μπορούσαμε για παράδειγμα με την react να κάνουμε μια κλήση στην api του facebook, του twitter κ μία στου instagram και να περνούμε όλο τα δεδομένα  που θέλουμε για να τα κάνουμε render στην σελίδα μας και όλα αυτά με την react.

Έτσι θα μπορούσαμε να έχουμε 3 div ένα με id=”facebook”  ένα με id=”twitter” κ ένα με id=”instagram” τα οποία να κάνουν display data από το ανάλογο component. Για παράδειγμα θα μπορούσαμε να κάνουμε render με την react το <Facebook/> το <twitter/> κ το <instagram/> . Έτσι σε ένα από  website ακόμα και στατικό θα μπορούσαμε να κάνουμε display το feed των 3ων.

Προσοχή μεγάλη σημασία παίζει η σειρά που θα τα κάνουμε render γιατί για παράδειγμα, εάν το twitter and facebook είναι πρώτα και βρίσκονται στην sidebar και το instagram στο  footer , σε μια σελίδα που δεν θα έχει sidebar δεν θα εμφανιστεί τίποτα στο instagram.  Βέβαια εκτός από την σειρά που κάνουμε render υπάρχουν και άλλες λύσεις όπως για παράδειγμα να κάνουμε ένα  if, να δούμε για errors εάν δεν γίνει render το component και να προχωρήσουμε στο επόμενο  ή να κάνουμε απλά 2 apps ( δεν είναι καλό γιατί θα έχουμε διπλή  javascript).

Τέλος θα πρέπει να τονίσουμε ότι η react και η angular2 μπορούν πάρα πολύ καλά να συνεργαστούν με το wordpress rest api , και έτσι έχουμε πάρα πολλές δυνατότητες.

 

Δημοσιεύθηκε στις Φεβρουάριος 15, 2017 in informative, programming

Back to Top