Open source nástroje pre stav a pohyb v React a React Native. Tri zamerané balíky, ktoré fungujú od prvého importu a rastú len toľko, koľko potrebujete.
Zdieľajte ho jedným hookom.Uložte ho, keď sa rozhodnete.
Komponenty čítajú rovnakú hodnotu bez Provider, actions a reducerov. Prekreslia sa, len keď sa zmení ich výber, a ukladanie aj obnova prebehnú presne vtedy, keď poviete.
Používajte v React DOM timing, spring a interpolate, ktoré poznáte z React Native Animated. Jedna hodnota riadi štýl mnohých prvkov bez renderu Reactu v každej snímke.
Posúvač mení jedinú Value. Poloha, otočenie, veľkosť a rohy všetkých dvanástich tvarov sa odvodzujú z nej. Stlačte pružinu a potom v polovici pohybu chyťte posúvač.
Rolujúce čísla, putujúce zvýraznenie, zoznamy, ktoré pohnú len tým, čo sa zmenilo, sheety a akcie potiahnutím. Odovzdajte svoje údaje — bez provider a volaní nastavenia — v React aj React Native.
Vyberte obdobie: MotionHighlight sa k nemu presunie, MotionNumber sa pretočí, ProgressRing sa naplní a MotionList pohne len riadkami, ktoré sa zmenili.
DnesTento týždeňTento mesiac
Návštevy
1,284
Domov
Cenník
Docs
Blog
Ukážkové údaje
02 · Súbor
Jeden úder.Všetko sa hýbe.
Táto scéna je postavená s Animated. Jediná Value s priebehom posúvania naraz riadi polohu, otočenie, mierku a priehľadnosť 48 tvarov.
01
Zvuk
Rozptýlené body sa zlievajú do kruhov gongu.
02
Rozdelenie
Kruh sa rozdelí na tri a prevezme farbu každého nástroja.
03
Tvar
Stávajú sa väzbami stavu, dráhou pohybu a stĺpmi zboru.
04
Rytmus
Všetko sa zoradí a dopadne na rovnakú dobu.
progress
03 · Zásady
Malýod začiatku do konca.
Začnite jedným importom
Žiadny obaľujúci provider ani globálne nastavenie vopred. Pridávajte schopnosti, až keď o ne aplikácia požiada.
Len to, čo treba
Aktualizujú sa len komponenty so zmeneným výberom, prvky, ktoré používajú hodnotu, a riadky, ktoré sa posunuli.
Zodpovedný až do konca
Prerušený pohyb pokračuje od toho, čo je na obrazovke, a odbery aj animácie sa uvoľnia, keď ich vlastník zmizne.
Typovaný a zdokumentovaný
Každý balík obsahuje deklarácie TypeScript a dokumentácia je k dispozícii v 39 jazykoch.
04 · Meno
Kkwaenggwari,gong, ktorý vedie kapelu.
Vyslovuje sa „kveng-gva-ri“. V kórejskom pungmule udáva hráč na vedúcej kkwaenggwari (꽹과리) rytmus celému súboru. Naše nástroje sa usilujú o to isté: malé, ale zreteľné, aby celá vaša aplikácia išla v jednom rytme.
kkwaenggwariKkwaenggwari má meno po kkwaenggwari (꽹과리), malom kórejskom gongu, do ktorého sa udiera paličkou. Jeho jasný, čistý zvuk dal meno týmto malým open source nástrojom.
