Οδηγοί
Επιλέξτε την εργασία που έχετε μπροστά σας. Κάθε οδηγός εξηγεί τη συμπεριφορά, όχι μόνο τη σύνταξη: τι ξεκινά, τι διακόπτει και τι καθαρίζεται.
- Τιμές και στυλΚατέχετε μια τιμή στο component, παράγετε εξόδους με calc() και επιλέξτε πού γράφεται η μεταβλητή CSS.
- Timing, ελατήρια και σύνθεσηΕπιλέξτε driver, συνδυάστε αρκετούς και ξέρετε ακριβώς τι συμβαίνει όταν ένας σταματά ή αντικαθίσταται.
- Components AnimatedΑποδώστε απλά στοιχεία που κινούνται προς έναν προορισμό, ανταποκρίνονται σε χειρονομίες και φεύγουν κομψά.
- Είσοδος και χειρονομίεςΓράψτε δείκτη, σύρση, κύλιση και άλλη είσοδο σε τιμές και αφήστε άλλες τιμές να τις ακολουθούν.
- Είσοδος, αποχώρηση και διάταξηΚρατήστε τα παιδιά που φεύγουν μέχρι να τελειώσει η κίνησή τους και κινήστε τις αλλαγές θέσης και μεγέθους, ακόμη και ανάμεσα σε components.
- ΧρονολόγιαΤρέξτε πολλά κομμάτια από ένα ρολόι με δυνατότητα μετάβασης: αναπαραγωγή, παύση, μετάβαση, αντιστροφή και αλλαγή ταχύτητας.
- Έρχεστε από το React NativeΤι μένει ίδιο, τι αλλάζει και τι προσθέτει το web.
- Απόδοση και αναπαραγωγήΠώς το Animated αποφεύγει τη δουλειά ανά καρέ, πώς ελέγχετε ποια διαδρομή χρησιμοποιεί ένα στοιχείο και πώς μετρήθηκαν οι αριθμοί της αρχικής σελίδας.
- SSR, έλεγχοι και παραγωγήΑπόδοση στον διακομιστή, hydration, τεστ και οι κανόνες καθαρισμού στους οποίους μπορείτε να βασιστείτε.