Managing React State with MobX Training Course

Εισαγωγή

MobX vs Redux vs Relay

Κατανόηση State Management

Πώς χειρίζεται το React την τοπική κατάσταση Πώς διαχειρίζεται το Redux κατάσταση Πώς διαχειρίζεται το MobX την κατάσταση

Ξεκινώντας

Προετοιμασία του περιβάλλοντος ανάπτυξης Εγκατάσταση και διαμόρφωση MobX

Δημιουργία Εφαρμογής

Επισκόπηση της αρχιτεκτονικής στοιχείων Δημιουργία εφαρμογής React (Components, Element, JSX, κ.λπ.)

Εργασία με React Component State

Εκκίνηση και ενημέρωση κατάστασης Εργασία με φόρμες

Υλοποίηση MobX αποθήκευσης δεδομένων

Ρύθμιση του χώρου αποθήκευσης δεδομένων Μεταβίβαση δεδομένων σε στοιχεία Καταχώρηση των περιεχομένων του χώρου αποθήκευσης δεδομένων

Διαχείριση αλλαγών στα δεδομένα

Προσθήκη δεδομένων για αποθήκευση Ειδοποίηση React για την αλλαγή στην κατάσταση δεδομένων

Ενημέρωση της Προβολής

Δήλωση παρατηρήσιμων δεδομένων Ενημέρωση της προβολής

Βελτίωση της ροής δεδομένων

Τροποποίηση δεδομένων κατάστασης μέσω ενεργειών Κλήση ενεργειών (αποφυγή μη ασφαλούς χειραγώγησης δεδομένων)

Εργασία με υπολογισμένες τιμές

Εκτέλεση υπολογισμών σε βασικά δεδομένα

Χρήση προηγμένων εργαλείων και τεχνικών ανάπτυξης

Δημιουργία στοιχείων με το ES2017 Χρησιμοποιώντας το Babel για ES2017 και JSX Χρήση WebPack για React και MobX Εκτέλεση ασύγχρονων ενεργειών με το MobX

Δοκιμή της Εφαρμογής

Δημιουργία δοκιμών μονάδας για React στοιχεία Επιλογή εργαλείων και πλαισίων (Jest, Enzyme, TestUtils, κ.λπ.) Δημιουργία δοκιμών μονάδας για καταστήματα MobX Εντοπισμός σφαλμάτων της εφαρμογής

Ανάπτυξη της Εφαρμογής

Εργαλεία και αυτοματισμός Εφαρμογή συνεχούς ενοποίησης (CI)

Αντιμετώπιση προβλημάτων

Περίληψη και Συμπέρασμα