Open Source

Kkwaenggwari · Open source

Malen po veličini.Snažan po zvuku.

Alati otvorenog koda za stanje i pokret u Reactu i React Nativeu. Tri usmjerena paketa koja rade od prvog importa i rastu samo koliko vam treba.

Istražite alate GitHub
  • 3 paketa
  • React · React Native
  • TypeScript deklaracije
  • ISC licenca

Udarite u gong. Svaki alat na zvuk odgovara na svoj način.

01 · Alati

Tri instrumenta.Jedan ritam.

Svaki obavlja jedan posao do kraja. Koristite ih zasebno ili zajedno — napravljeni su da se uklope.

restate

StanjeReact + React Native

Dijelite ga jednim hookom.Spremite ga kad odlučite.

Komponente čitaju istu vrijednost bez Providera, actiona i reducera. Ponovno se renderiraju samo kad se promijeni njihov odabir, a spremanje i vraćanje događaju se točno kad kažete.

  • Dijeljeno bez Providera
  • Pretplata samo na odabrani dio
  • Izričito spremanje u IndexedDB ili MMKV
Instalacija
npm install @kkwaenggwari/restate
Otvori stranicu Pogledajte izvorni kod

Uživo

Dvije komponente, jedan store

Pritisnite gumb na bilo kojoj strani. Obje ploče čitaju istu vrijednost restate() i mijenjaju se zajedno; oznaka dostave sluša samo jedan odabir.

Zaglavlje

2 u košarici

Popis proizvoda

2 u košarici

Animated

Pogon za pokretReact DOM

Jedna vrijednostdirigira cijelim zaslonom.

Koristite u React DOM-u timing, spring i interpolate koje poznajete iz React Native Animated. Jedna vrijednost upravlja stilom mnogih elemenata bez Reactova renderiranja u svakom kadru.

  • React Native Animated API koji poznajete
  • Prekidi čuvaju položaj i brzinu
  • Čisti za sobom kad vlasnik nestane
Instalacija
npm install @kkwaenggwari/animated
Otvori stranicu Pogledajte izvorni kod

Uživo

Jedna Value, dvanaest oblika

Klizač mijenja jednu jedinu Value. Položaj, okret, veličina i kutovi svih dvanaest oblika izvode se iz nje. Pritisnite oprugu, a zatim uhvatite klizač usred pokreta.

Animated Chorus

Gotove komponenteReact · React Native

Teške interakcije,već gotove.

Brojevi koji se vrte, isticanje koje putuje, popisi koji pomiču samo ono što se promijenilo, sheetovi i radnje povlačenjem. Predajte svoje podatke — bez providera i poziva za postavljanje — u Reactu i React Nativeu.

  • Brojevi, kartice, popisi i sheetovi
  • Isti import na webu i u nativnim aplikacijama
  • Novi unos nastavlja od onoga što je na zaslonu
Instalacija
npm install @kkwaenggwari/animated-chorus @kkwaenggwari/animated
Otvori stranicu Pogledajte izvorni kod

Uživo

Nadzorna ploča kojoj trebaju samo podaci

Odaberite razdoblje: MotionHighlight se premjesti na njega, MotionNumber se zavrti, ProgressRing se napuni, a MotionList pomiče samo retke koji su se promijenili.

DanasOvaj tjedanOvaj mjesec

Posjeti

1,284

  1. Početna
  2. Cijene
  3. Docs
  4. Blog

Primjer podataka

02 · Ansambl

Jedan udarac.Sve se pokreće.

Ova je scena izgrađena s Animated. Jedna Value s napretkom pomicanja istodobno dirigira položajem, okretom, mjerilom i prozirnošću 48 oblika.

  1. 01
    Zvon

    Raspršene točke skupljaju se u prstenove gonga.

  2. 02
    Dijeljenje

    Prsten se dijeli na tri i poprima boju svakog alata.

  3. 03
    Oblik

    Postaju veze stanja, putanja pokreta i stupovi zbora.

  4. 04
    Ritam

    Sve se poravna i padne na isti takt.

progress1.00

03 · Načela

Malenod početka do kraja.

Počnite jednim importom

Nema omotačkog providera ni globalnog postavljanja unaprijed. Dodajte mogućnosti tek kad ih aplikacija zatraži.

Samo ono što treba

Ažuriraju se samo komponente čiji se odabir promijenio, elementi koji koriste vrijednost i retci koji su se pomaknuli.

Odgovoran do kraja

Prekinuti pokret nastavlja od onoga što je na zaslonu, a pretplate i animacije oslobađaju se kad njihov vlasnik nestane.

Tipiziran i dokumentiran

Svaki paket dolazi s TypeScript deklaracijama, a dokumentacija je dostupna na 39 jezika.

04 · Ime

Kkwaenggwari,gong koji vodi sastav.

Izgovara se „kveng-gva-ri”. U korejskom pungmulu glavni svirač kkwaenggwarija (꽹과리) zadaje ritam cijelom ansamblu. Naši alati teže istom: mali, ali jasni, kako bi cijela vaša aplikacija išla u jednom ritmu.

kkwaenggwariKkwaenggwari je dobio ime po kkwaenggwariju (꽹과리), malom korejskom gongu u koji se udara batićem. Njegov jasan, svijetao zvuk dao je ime ovim malim alatima otvorenog koda.