Atvirojo kodo būsenos ir judesio įrankiai React ir React Native. Trys tikslingi paketai, kurie veikia nuo pirmo importo ir auga tik tiek, kiek jums reikia.
Bendrinkite vienu hook.Išsaugokite, kai nuspręsite.
Komponentai skaito tą pačią reikšmę be Provider, action ar reducer. Jie perpiešiami tik tada, kai pasikeičia jų pasirinkta dalis, o išsaugojimas ar atkūrimas vyksta tiksliai tada, kai nurodote.
Paspauskite mygtuką bet kurioje pusėje. Abu skydeliai skaito tą pačią restate() reikšmę ir keičiasi kartu; pristatymo ženklelis klauso tik vienos atrankos.
Naudokite React DOM tuos timing, spring ir interpolate, kuriuos žinote iš React Native Animated. Viena reikšmė valdo daugelio elementų stilių be React perpiešimo kiekviename kadre.
Slankiklis keičia vieną Value. Visų dvylikos figūrų padėtis, posūkis, dydis ir kampai išvedami iš jos. Paspauskite spyruoklę, tada griebkite slankiklį judesio viduryje.
Besisukantys skaičiai, keliaujantis paryškinimas, sąrašai, judinantys tik pasikeitusias dalis, sheet ir braukimo veiksmai. Perduokite savo duomenis – be provider ar nustatymo kvietimo – React ir React Native.
Skaičiai, skirtukai, sąrašai ir sheet
Tas pats importas žiniatinklyje ir vietinėje programoje
Pasirinkite laikotarpį: MotionHighlight nukeliauja ten, MotionNumber sukasi, ProgressRing prisipildo, o MotionList pastumia tik pasikeitusias eilutes.
ŠiandienŠią savaitęŠį mėnesį
Apsilankymai
1,284
Pradžia
Kainos
Docs
Tinklaraštis
Pavyzdiniai duomenys
02 · Ansamblis
Vienas smūgis.Viskas juda.
Ši scena sukurta su Animated. Viena Value, sauganti jūsų slinkimo eigą, vienu metu diriguoja 48 figūrų padėčiai, posūkiui, masteliui ir neskaidrumui.
01
Skambesys
Išsibarstę taškai susirenka į gongo žiedus.
02
Skilimas
Žiedas skyla į tris ir įgauna kiekvieno įrankio spalvą.
03
Forma
Jie tampa būsenos ryšiais, judesio trajektorija ir choro kolonomis.
04
Ritmas
Viskas išsirikiuoja ir krenta į tą patį taktą.
progress
03 · Principai
Maži,nuo pradžios iki galo.
Pradėkite nuo vieno importo
Jokio apgaubiančio provider ar globalaus nustatymo iš anksto. Galimybes pridėkite tik tada, kai jų prireikia programai.
Tik tai, ko reikia
Atnaujinami tik tie komponentai, kurių pasirinkimas pasikeitė, tie elementai, kurie naudoja reikšmę, ir tos eilutės, kurios pasislinko.
Atsakingi iki galo
Pertrauktas judesys tęsiasi nuo to, kas yra ekrane, o prenumeratos ir animacijos atlaisvinamos, kai jų savininkas išnyksta.
Tipizuoti ir dokumentuoti
Kiekvienas paketas turi TypeScript deklaracijas, o dokumentaciją galima skaityti 39 kalbomis.
04 · Pavadinimas
Kkwaenggwari –gongas, kuris pradeda grupę.
Tariama „kveng-gva-ri“. Korėjietiškame pungmul vedantysis kkwaenggwari (꽹과리) muzikantas nustato ritmą visam ansambliui. Mūsų įrankiai siekia to paties: maži, bet aiškūs, kad visa jūsų programa judėtų vienu ritmu.
kkwaenggwariKkwaenggwari pavadinimas kilo iš kkwaenggwari (꽹과리) – mažo korėjietiško gongo, į kurį mušama plaktuku. Jo ryškus, skaidrus skambesys įkvėpė šių mažų atvirojo kodo įrankių pavadinimą.