Open source-værktøjer til state og bevægelse i React og React Native. Tre fokuserede pakker, der virker fra første import og kun vokser, så langt du har brug for.
Del det med én hook.Gem det, når du beslutter det.
Komponenter læser den samme værdi uden Provider, actions eller reducers. De renderes kun igen, når deres udvalg ændrer sig, og gem og gendan sker præcis, når du siger til.
Brug timing, spring og interpolate, som du kender fra React Native Animated, i React DOM. Én værdi styrer stilen på mange elementer uden React-rendering pr. frame.
Skyderen ændrer ét enkelt Value. Position, drejning, størrelse og hjørner for alle tolv former afledes af det. Tryk på fjederen, og grib så skyderen midt i bevægelsen.
Rullende tal, en markering der flytter sig, lister der kun flytter det, der ændrede sig, sheets og swipe-handlinger. Giv dine data — ingen provider eller setup-kald — i React og React Native.
Vælg en periode: MotionHighlight flytter derhen, MotionNumber ruller, ProgressRing fyldes, og MotionList flytter kun de rækker, der ændrede sig.
I dagDenne ugeDenne måned
Besøg
1,284
Forside
Priser
Docs
Blog
Eksempeldata
02 · Ensemble
Ét slag.Alt bevæger sig.
Denne scene er bygget med Animated. Ét Value med scroll-fremskridtet dirigerer samtidig position, drejning, skala og opacitet for 48 former.
01
Klinge
Spredte punkter samles til en gongs ringe.
02
Dele
Ringen deler sig i tre og får hvert værktøjs farve.
03
Forme
De bliver forbindelserne i state, bevægelsens bane og korets søjler.
04
Takt
Alt stiller sig op og lander på samme slag.
progress
03 · Principper
Lille,hele vejen igennem.
Start med én import
Ingen omsluttende provider eller global opsætning på forhånd. Tilføj kun funktioner, når din app beder om dem.
Kun det nødvendige
Kun komponenter, hvis udvalg ændrede sig, elementer, der bruger en værdi, og rækker, der flyttede sig, opdateres.
Ansvarlig til det sidste
Afbrudt bevægelse fortsætter fra det, der er på skærmen, og abonnementer og animationer frigives, når deres ejer forsvinder.
Typet og dokumenteret
Hver pakke leveres med TypeScript-deklarationer, og dokumentationen findes på 39 sprog.
04 · Navnet
Kkwaenggwari,gongen, der fører bandet an.
Udtales »kveng-gwa-ri«. I koreansk pungmul angiver den førende kkwaenggwari-spiller (꽹과리) takten for hele ensemblet. Vores værktøjer stræber efter det samme: små, men tydelige, så hele din app går i én takt.
kkwaenggwariKkwaenggwari har sit navn efter kkwaenggwari (꽹과리), en lille koreansk gong, man slår på med en kølle. Dens klare, lyse klang gav navnet til disse små open source-værktøjer.
