Kkwaenggwari · Open source

Mažo dydžio.Garsaus skambesio.

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.

  • 3 paketai
  • React · React Native
  • TypeScript deklaracijos
  • ISC licencija

Suduokite į gongą. Kiekvienas įrankis atsako į skambesį savaip.

01 · Įrankiai

Trys instrumentai.Vienas ritmas.

Kiekvienas atlieka vieną darbą nuo pradžios iki galo. Naudokite juos atskirai arba kartu – jie sukurti derėti.

restate

BūsenaReact + React Native

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.

  • Bendrinama be Provider
  • Prenumeruokite tik pasirinktą dalį
  • Aiškūs išsaugojimai į IndexedDB arba MMKV
Diegimas
npm install @kkwaenggwari/restate

Gyvai

Du komponentai, vienas store

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.

Antraštė

2 krepšelyje

Prekių sąrašas

2 krepšelyje

Animated

Judesio variklisReact DOM

Viena reikšmėdiriguoja visam ekranui.

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.

  • Jums pažįstamas React Native Animated API
  • Pertraukimai išsaugo padėtį ir greitį
  • Sutvarko po savęs, kai savininkas išnyksta
Diegimas
npm install @kkwaenggwari/animated

Gyvai

Viena Value, dvylika figūrų

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.

Animated Chorus

Paruošti komponentaiReact · React Native

Sudėtingos sąveikos,jau paruoštos.

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
  • Nauja įvestis tęsia nuo to, kas yra ekrane
Diegimas
npm install @kkwaenggwari/animated-chorus @kkwaenggwari/animated

Gyvai

Prietaisų skydelis, kuriam reikia tik duomenų

Pasirinkite laikotarpį: MotionHighlight nukeliauja ten, MotionNumber sukasi, ProgressRing prisipildo, o MotionList pastumia tik pasikeitusias eilutes.

ŠiandienŠią savaitęŠį mėnesį

Apsilankymai

1,284

  1. Pradžia
  2. Kainos
  3. Docs
  4. 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.

  1. 01
    Skambesys

    Išsibarstę taškai susirenka į gongo žiedus.

  2. 02
    Skilimas

    Žiedas skyla į tris ir įgauna kiekvieno įrankio spalvą.

  3. 03
    Forma

    Jie tampa būsenos ryšiais, judesio trajektorija ir choro kolonomis.

  4. 04
    Ritmas

    Viskas išsirikiuoja ir krenta į tą patį taktą.

progress1.00

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ą.