Εργαλεία ανοιχτού κώδικα για κατάσταση και κίνηση σε React και React Native. Τρία εστιασμένα πακέτα που δουλεύουν από το πρώτο import και μεγαλώνουν μόνο όσο χρειάζεστε.
Μοιραστείτε την με ένα hook.Αποθηκεύστε την όταν αποφασίσετε.
Τα components διαβάζουν την ίδια τιμή χωρίς Provider, action ή reducer. Αποδίδονται ξανά μόνο όταν αλλάζει αυτό που επέλεξαν, και η αποθήκευση ή η ανάκτηση γίνεται ακριβώς όταν το ζητήσετε.
Πατήστε ένα κουμπί από οποιαδήποτε πλευρά. Και τα δύο πάνελ διαβάζουν την ίδια τιμή restate() και αλλάζουν μαζί· το σήμα αποστολής ακούει μόνο μια επιλογή.
Χρησιμοποιήστε στο React DOM τα timing, spring και interpolate που ξέρετε από το React Native Animated. Μία τιμή οδηγεί το στυλ πολλών στοιχείων, χωρίς απόδοση React σε κάθε καρέ.
Ο ολισθητής αλλάζει ένα μόνο Value. Η θέση, η περιστροφή, το μέγεθος και οι γωνίες και των δώδεκα σχημάτων προκύπτουν από αυτό. Πατήστε το ελατήριο και μετά πιάστε τον ολισθητή εν κινήσει.
Αριθμοί που κυλούν, μια επισήμανση που ταξιδεύει, λίστες που μετακινούν μόνο ό,τι άλλαξε, sheets και ενέργειες σάρωσης. Δώστε τα δεδομένα σας — χωρίς provider ή κλήση ρύθμισης — σε React και React Native.
Αριθμοί, καρτέλες, λίστες και sheets
Το ίδιο import σε web και native
Η νέα είσοδος συνεχίζει από ό,τι φαίνεται στην οθόνη
Επιλέξτε περίοδο: το MotionHighlight μετακινείται εκεί, το MotionNumber κυλά, το ProgressRing γεμίζει και το MotionList μετακινεί μόνο τις γραμμές που άλλαξαν.
ΣήμεραΑυτή την εβδομάδαΑυτόν τον μήνα
Επισκέψεις
1,284
Αρχική
Τιμές
Docs
Ιστολόγιο
Δείγμα δεδομένων
02 · Σύνολο
Ένα χτύπημα.Όλα κινούνται.
Αυτή η σκηνή είναι φτιαγμένη με Animated. Ένα μόνο Value που κρατά την πρόοδο κύλισης διευθύνει ταυτόχρονα τη θέση, την περιστροφή, την κλίμακα και την αδιαφάνεια 48 σχημάτων.
01
Αντήχηση
Σκόρπια σημεία συγκεντρώνονται στους δακτυλίους ενός γκονγκ.
02
Διάσπαση
Ο δακτύλιος χωρίζεται στα τρία και παίρνει το χρώμα κάθε εργαλείου.
03
Μορφή
Γίνονται οι σύνδεσμοι της κατάστασης, η τροχιά της κίνησης και οι κολόνες της χορωδίας.
04
Ρυθμός
Όλα ευθυγραμμίζονται και πέφτουν στον ίδιο χρόνο.
progress
03 · Αρχές
Μικρό,από την αρχή ως το τέλος.
Ξεκινήστε με ένα import
Κανένας provider περιτύλιξης ή καθολική ρύθμιση από πριν. Προσθέστε δυνατότητες μόνο όταν τις ζητήσει η εφαρμογή.
Μόνο ό,τι χρειάζεται
Ενημερώνονται μόνο τα components των οποίων άλλαξε η επιλογή, τα στοιχεία που χρησιμοποιούν μια τιμή και οι γραμμές που μετακινήθηκαν.
Υπεύθυνο ως το τέλος
Η κίνηση που διακόπτεται συνεχίζει από ό,τι φαίνεται στην οθόνη, και οι συνδρομές και οι κινήσεις απελευθερώνονται όταν φεύγει ο κάτοχός τους.
Με τύπους και τεκμηρίωση
Κάθε πακέτο περιλαμβάνει δηλώσεις TypeScript και η τεκμηρίωση διαβάζεται σε 39 γλώσσες.
04 · Το όνομα
Kkwaenggwari,το γκονγκ που ξεκινά την μπάντα.
Προφέρεται «κβενγκ-γκουά-ρι». Στο κορεατικό pungmul, ο επικεφαλής παίκτης του kkwaenggwari (꽹과리) δίνει τον ρυθμό σε όλο το σύνολο. Τα εργαλεία μας στοχεύουν στο ίδιο: μικρά αλλά καθαρά, ώστε όλη η εφαρμογή σας να κινείται σε έναν ρυθμό.
kkwaenggwariΤο Kkwaenggwari παίρνει το όνομά του από το kkwaenggwari (꽹과리), ένα μικρό κορεατικό γκονγκ που παίζεται με σφυράκι. Ο φωτεινός, καθαρός ήχος του έδωσε το όνομα σε αυτά τα μικρά εργαλεία ανοιχτού κώδικα.
