Alat open source untuk state dan gerak di React dan React Native. Tiga paket yang fokus, langsung bekerja sejak impor pertama dan berkembang hanya sejauh yang Anda butuhkan.
Bagikan dengan satu hook.Simpan saat Anda memutuskan.
Komponen membaca nilai yang sama tanpa Provider, action, atau reducer. Komponen hanya dirender ulang saat bagian yang dipilihnya berubah, dan penyimpanan atau pemulihan terjadi tepat saat Anda memintanya.
Tekan tombol di sisi mana pun. Kedua panel membaca nilai restate() yang sama dan berubah bersamaan; lencana pengiriman hanya mendengarkan satu pilihan.
Gunakan timing, spring, dan interpolate yang Anda kenal dari React Native Animated di React DOM. Satu nilai menggerakkan gaya banyak elemen, tanpa render React di setiap frame.
Slider mengubah satu Value saja. Posisi, putaran, ukuran, dan sudut kedua belas bentuk diturunkan darinya. Tekan pegasnya, lalu tangkap slider di tengah gerakan.
Angka yang bergulir, sorotan yang berpindah, daftar yang hanya menggerakkan yang berubah, sheet, dan aksi geser. Berikan data Anda — tanpa provider atau panggilan penyiapan — di React dan React Native.
Pilih periode: MotionHighlight berpindah ke sana, MotionNumber bergulir, ProgressRing terisi, dan MotionList hanya menggeser baris yang berubah.
Hari iniMinggu iniBulan ini
Kunjungan
1,284
Beranda
Harga
Docs
Blog
Data contoh
02 · Ansambel
Satu pukulan.Semuanya bergerak.
Panggung ini dibuat dengan Animated. Satu Value yang menyimpan progres gulir Anda memimpin posisi, putaran, skala, dan opasitas 48 bentuk sekaligus.
01
Denting
Titik-titik yang tersebar berkumpul menjadi lingkaran gong.
02
Pecah
Lingkaran terbagi tiga dan mengambil warna tiap alat.
03
Bentuk
Mereka menjadi tautan state, lintasan gerak, dan pilar chorus.
04
Ketukan
Semuanya berbaris dan jatuh pada ketukan yang sama.
progress
03 · Prinsip
Kecil,dari awal hingga akhir.
Mulai dengan satu impor
Tanpa provider pembungkus atau penyiapan global di awal. Tambahkan kemampuan hanya saat aplikasi Anda memintanya.
Hanya yang perlu
Hanya komponen yang pilihannya berubah, elemen yang memakai sebuah nilai, dan baris yang bergeser yang diperbarui.
Bertanggung jawab sampai akhir
Gerak yang terinterupsi melanjutkan dari yang ada di layar, dan langganan serta animasi dilepas saat pemiliknya hilang.
Bertipe dan terdokumentasi
Setiap paket menyertakan deklarasi TypeScript, dan dokumentasinya tersedia dalam 39 bahasa.
04 · Nama
Kkwaenggwari,gong yang memulai kelompok musik.
Ucapkan "kweng-gwa-ri". Dalam pungmul Korea, pemain kkwaenggwari (꽹과리) utama menentukan ketukan bagi seluruh ansambel. Alat-alat kami menuju hal yang sama: kecil tapi jelas, menjaga seluruh aplikasi Anda pada satu ketukan.
kkwaenggwariKkwaenggwari mengambil namanya dari kkwaenggwari (꽹과리), gong kecil Korea yang dipukul dengan pemukul. Dentingnya yang cerah dan jernih menginspirasi nama alat-alat open source kecil ini.
