Avoimen lähdekoodin työkaluja tilaan ja liikkeeseen Reactissa ja React Nativessa. Kolme rajattua pakettia, jotka toimivat ensimmäisestä importista lähtien ja kasvavat vain sen verran kuin tarvitset.
Komponentit lukevat saman arvon ilman Provideria, actioneita tai reducereita. Ne renderöityvät uudelleen vain, kun niiden valitsema osa muuttuu, ja tallennus tai palautus tapahtuu juuri silloin, kun pyydät.
Jaettu ilman Provideria
Tilaa vain valitsemasi osa
Nimenomaiset tallennukset IndexedDB:hen tai MMKV:hen
Paina painiketta kummalla tahansa puolella. Molemmat paneelit lukevat saman restate()-arvon ja muuttuvat yhdessä; toimitusmerkki kuuntelee vain yhtä valintaa.
Käytä React DOMissa React Native Animatedista tuttuja timing-, spring- ja interpolate-funktioita. Yksi arvo ohjaa monen elementin tyyliä ilman React-renderöintiä joka ruudussa.
Liukusäädin muuttaa yhtä Valuea. Kaikkien kahdentoista muodon sijainti, kierto, koko ja kulmat johdetaan siitä. Paina jousta ja tartu liukusäätimeen kesken liikkeen.
Pyörivät numerot, siirtyvä korostus, vain muuttuneet kohdat liikuttavat listat, sheetit ja pyyhkäisytoiminnot. Anna datasi — ilman provideria tai alustuskutsua — Reactissa ja React Nativessa.
Valitse jakso: MotionHighlight siirtyy sinne, MotionNumber pyörii, ProgressRing täyttyy ja MotionList siirtää vain muuttuneita rivejä.
TänäänTällä viikollaTässä kuussa
Käynnit
1,284
Etusivu
Hinnat
Docs
Blogi
Esimerkkidata
02 · Yhtye
Yksi lyönti.Kaikki liikkuu.
Tämä näyttämö on tehty Animatedilla. Yksi Value, joka pitää vierityksen edistymistä, johtaa samanaikaisesti 48 muodon sijaintia, kiertoa, mittakaavaa ja peittävyyttä.
01
Sointi
Hajallaan olevat pisteet kokoontuvat gongin renkaiksi.
02
Jako
Rengas jakautuu kolmeen ja saa kunkin työkalun värin.
03
Muoto
Niistä tulee tilan linkit, liikkeen rata ja kuoron pilarit.
04
Rytmi
Kaikki asettuu riviin ja osuu samaan lyöntiin.
progress
03 · Periaatteet
Pienialusta loppuun.
Aloita yhdellä importilla
Ei käärivää provideria eikä globaalia alustusta etukäteen. Lisää ominaisuuksia vasta, kun sovelluksesi pyytää niitä.
Vain tarvittava
Vain ne komponentit, joiden valinta muuttui, ne elementit, jotka käyttävät arvoa, ja ne rivit, jotka siirtyivät, päivittyvät.
Vastuullinen loppuun asti
Keskeytetty liike jatkuu siitä, mitä näytöllä on, ja tilaukset ja animaatiot vapautetaan, kun niiden omistaja poistuu.
Tyypitetty ja dokumentoitu
Jokaisen paketin mukana tulevat TypeScript-tyyppimäärittelyt, ja dokumentaation voi lukea 39 kielellä.
04 · Nimi
Kkwaenggwari,gongi, joka aloittaa yhtyeen.
Lausutaan ”kveng-gva-ri”. Korealaisessa pungmulissa johtava kkwaenggwarin (꽹과리) soittaja antaa rytmin koko yhtyeelle. Työkalumme tavoittelevat samaa: pieniä mutta selkeitä, jotta koko sovelluksesi kulkee yhdessä rytmissä.
kkwaenggwariKkwaenggwari on saanut nimensä kkwaenggwarista (꽹과리), pienestä korealaisesta gongista, jota soitetaan kapulalla. Sen kirkas, kuulas sointi antoi nimen näille pienille avoimen lähdekoodin työkaluille.
