Verktøy med åpen kildekode for state og bevegelse i React og React Native. Tre fokuserte pakker som fungerer fra første import og bare vokser så langt du trenger.
Komponenter leser den samme verdien uten Provider, actions eller reducers. De renderes bare på nytt når utvalget deres endres, og lagring og gjenoppretting skjer nøyaktig når du sier fra.
Trykk på en knapp på hvilken som helst side. Begge panelene leser den samme restate()-verdien og endres sammen; fraktmerket lytter bare til ett utvalg.
Bruk timing, spring og interpolate som du kjenner fra React Native Animated, i React DOM. Én verdi styrer stilen til mange elementer, uten React-rendering per bilde.
Glidebryteren endrer én enkelt Value. Posisjon, dreining, størrelse og hjørner for alle tolv formene avledes fra den. Trykk på fjæren, og grip glidebryteren midt i bevegelsen.
Rullende tall, en markering som flytter seg, lister som bare flytter det som endret seg, sheets og sveipehandlinger. Send inn dataene dine — ingen provider eller oppsettkall — i React og React Native.
Velg en periode: MotionHighlight flytter dit, MotionNumber ruller, ProgressRing fylles, og MotionList flytter bare radene som endret seg.
I dagDenne ukenDenne måneden
Besøk
1,284
Forside
Priser
Docs
Blogg
Eksempeldata
02 · Ensemble
Ett slag.Alt beveger seg.
Denne scenen er bygd med Animated. Én Value med rullefremdriften dirigerer samtidig posisjon, dreining, skala og opasitet for 48 former.
01
Klinge
Spredte punkter samles til ringene i en gong.
02
Dele
Ringen deler seg i tre og får fargen til hvert verktøy.
03
Forme
De blir koblingene i state, banen til bevegelsen og søylene i koret.
04
Takt
Alt stiller seg opp og lander på samme slag.
progress
03 · Prinsipper
Liten,hele veien.
Start med én import
Ingen omsluttende provider eller globalt oppsett på forhånd. Legg til funksjoner bare når appen ber om dem.
Bare det som trengs
Bare komponenter der utvalget endret seg, elementer som bruker en verdi, og rader som flyttet seg, oppdateres.
Ansvarlig til siste slutt
Avbrutt bevegelse fortsetter fra det som er på skjermen, og abonnementer og animasjoner frigjøres når eieren forsvinner.
Typet og dokumentert
Hver pakke leveres med TypeScript-deklarasjoner, og dokumentasjonen finnes på 39 språk.
04 · Navnet
Kkwaenggwari,gongen som leder bandet.
Uttales «kveng-gwa-ri». I koreansk pungmul angir den ledende kkwaenggwari-spilleren (꽹과리) takten for hele ensemblet. Verktøyene våre strekker seg etter det samme: små, men tydelige, så hele appen går i én takt.
kkwaenggwariKkwaenggwari har navnet sitt fra kkwaenggwari (꽹과리), en liten koreansk gong man slår på med en kølle. Den klare, lyse klangen ga navnet til disse små verktøyene med åpen kildekode.
