Kkwaenggwari · Open source

அளவில் சிறியது.ஒலியில் பெரியது.

React மற்றும் React Native-க்கான ஸ்டேட், இயக்கத்துக்கான திறந்த மூலக் கருவிகள். முதல் import-இலிருந்தே இயங்கி, உங்களுக்குத் தேவையான அளவுக்கு மட்டுமே வளரும் மூன்று குவிந்த தொகுப்புகள்.

  • 3 தொகுப்புகள்
  • React · React Native
  • TypeScript அறிவிப்புகள்
  • ISC உரிமம்

சேகண்டியை அடியுங்கள். ஒவ்வொரு கருவியும் ஒலிக்குத் தன் வழியில் பதில் தருகிறது.

01 · கருவிகள்

மூன்று இசைக்கருவிகள்.ஒரே தாளம்.

ஒவ்வொன்றும் ஒரு வேலையை முழுமையாகச் செய்கிறது. தனியாகவோ சேர்ந்தோ பயன்படுத்துங்கள் — அவை ஒன்றுக்கொன்று பொருந்தும்படி உருவாக்கப்பட்டவை.

restate

ஸ்டேட்React + React Native

ஒரே ஹூக்கில் பகிருங்கள்.நீங்கள் முடிவு செய்யும்போது சேமியுங்கள்.

கம்போனென்ட்கள் Provider, action, reducer எதுவுமின்றி ஒரே மதிப்பைப் படிக்கின்றன. தேர்ந்தெடுத்த பகுதி மாறும்போது மட்டுமே மீண்டும் ரெண்டர் ஆகின்றன; சேமிப்பதும் மீட்டெடுப்பதும் நீங்கள் சொல்லும் நேரத்தில் மட்டுமே நடக்கும்.

  • Provider இல்லாமல் பகிர்வு
  • தேர்ந்தெடுத்த பகுதிக்கு மட்டும் சந்தா
  • IndexedDB அல்லது MMKV-இல் வெளிப்படையான சேமிப்பு
நிறுவுதல்
npm install @kkwaenggwari/restate

நேரடி

இரண்டு கம்போனென்ட்கள், ஒரு ஸ்டோர்

எந்தப் பக்கத்திலுள்ள பொத்தானையும் அழுத்துங்கள். இரு பலகைகளும் ஒரே restate() மதிப்பைப் படித்து ஒன்றாக மாறுகின்றன; டெலிவரி அடையாளம் ஒரு தேர்வை மட்டுமே கேட்கிறது.

தலைப்புப் பகுதி

2 கூடையில்

பொருள் பட்டியல்

2 கூடையில்

Animated

இயக்க இயந்திரம்React DOM

ஒரே மதிப்புமுழுத் திரையையும் நடத்துகிறது.

React Native Animated-இல் உங்களுக்குத் தெரிந்த timing, spring, interpolate-ஐ React DOM-இல் பயன்படுத்துங்கள். ஒரே மதிப்பு பல உறுப்புகளின் ஸ்டைலை இயக்குகிறது — ஒவ்வொரு ஃப்ரேமிலும் React ரெண்டர் இல்லாமல்.

  • உங்களுக்குத் தெரிந்த React Native Animated API
  • இடைமறிப்பிலும் நிலையும் வேகமும் தொடர்கின்றன
  • உரிமையாளர் நீங்கும்போது தானே சுத்தம் செய்கிறது
நிறுவுதல்
npm install @kkwaenggwari/animated

நேரடி

ஒரு Value, பன்னிரண்டு வடிவங்கள்

ஸ்லைடர் ஒரே ஒரு Value-ஐ மாற்றுகிறது. பன்னிரண்டு வடிவங்களின் நிலை, சுழற்சி, அளவு, மூலைகள் அனைத்தும் அதிலிருந்தே வருகின்றன. ஸ்பிரிங்கை அழுத்தி, இயக்கத்தின் நடுவில் ஸ்லைடரைப் பிடியுங்கள்.

Animated Chorus

தயாரான கம்போனென்ட்கள்React · React Native

கடினமான ஊடாடல்கள்,ஏற்கெனவே தயார்.

சுழலும் எண்கள், நகரும் சிறப்பு வெளிச்சம், மாறியதை மட்டும் நகர்த்தும் பட்டியல்கள், sheet-கள், ஸ்வைப் செயல்கள். உங்கள் தரவைக் கொடுங்கள் — provider அல்லது அமைப்பு அழைப்பு இல்லாமல் — React மற்றும் React Native-இல்.

  • எண்கள், தாவல்கள், பட்டியல்கள், sheet-கள்
  • வலை, நேட்டிவ் இரண்டிலும் ஒரே import
  • புதிய உள்ளீடு திரையில் உள்ளதிலிருந்து தொடர்கிறது
நிறுவுதல்
npm install @kkwaenggwari/animated-chorus @kkwaenggwari/animated

நேரடி

தரவு மட்டுமே தேவைப்படும் டாஷ்போர்டு

ஒரு காலத்தைத் தேர்ந்தெடுங்கள்: MotionHighlight அங்கு நகர்கிறது, MotionNumber சுழல்கிறது, ProgressRing நிரம்புகிறது, MotionList மாறிய வரிசைகளை மட்டும் நகர்த்துகிறது.

இன்றுஇந்த வாரம்இந்த மாதம்

வருகைகள்

1,284

  1. முகப்பு
  2. விலைகள்
  3. Docs
  4. வலைப்பதிவு

மாதிரித் தரவு

02 · குழு

ஒரு அடி.அனைத்தும் நகர்கின்றன.

இந்த மேடை Animated மூலம் உருவாக்கப்பட்டது. உங்கள் ஸ்க்ரோல் முன்னேற்றத்தை வைத்திருக்கும் ஒரே Value, 48 வடிவங்களின் நிலை, சுழற்சி, அளவு, ஒளிபுகாத்தன்மையை ஒரே நேரத்தில் நடத்துகிறது.

  1. 01
    ஒலி

    சிதறிய புள்ளிகள் சேகண்டியின் வளையங்களாகக் கூடுகின்றன.

  2. 02
    பிளவு

    வளையம் மூன்றாகப் பிரிந்து ஒவ்வொரு கருவியின் நிறத்தையும் பெறுகிறது.

  3. 03
    வடிவம்

    அவை ஸ்டேட்டின் இணைப்புகளாகவும், இயக்கத்தின் பாதையாகவும், கோரஸின் தூண்களாகவும் மாறுகின்றன.

  4. 04
    தாளம்

    அனைத்தும் வரிசையாகி ஒரே தாளத்தில் விழுகின்றன.

progress1.00

03 · கொள்கைகள்

சிறியது,தொடக்கம் முதல் முடிவு வரை.

ஒரே import-இல் தொடங்குங்கள்

முன்கூட்டியே சுற்றும் provider இல்லை, உலகளாவிய அமைப்பும் இல்லை. உங்கள் ஆப் கேட்கும்போது மட்டுமே திறன்களைச் சேருங்கள்.

தேவையானவை மட்டும்

தேர்வு மாறிய கம்போனென்ட்கள், ஒரு மதிப்பைப் பயன்படுத்தும் உறுப்புகள், நகர்ந்த வரிசைகள் மட்டுமே புதுப்பிக்கப்படுகின்றன.

இறுதி வரை பொறுப்பு

இடைமறிக்கப்பட்ட இயக்கம் திரையில் உள்ளதிலிருந்து தொடர்கிறது; உரிமையாளர் நீங்கும்போது சந்தாக்களும் அனிமேஷன்களும் விடுவிக்கப்படுகின்றன.

வகையிடப்பட்டது, ஆவணப்படுத்தப்பட்டது

ஒவ்வொரு தொகுப்பிலும் TypeScript அறிவிப்புகள் உள்ளன; ஆவணங்களை 39 மொழிகளில் படிக்கலாம்.

04 · பெயர்

Kkwaenggwari,இசைக்குழுவைத் தொடங்கும் சேகண்டி.

"க்வெங்-க்வா-ரி" என்று உச்சரியுங்கள். கொரிய புங்முல் இசையில், முன்னணி kkwaenggwari (꽹과리) கலைஞர் முழுக் குழுவுக்கும் தாளத்தை அமைக்கிறார். எங்கள் கருவிகளின் நோக்கமும் அதுவே: சிறியவை, ஆனால் தெளிவானவை — உங்கள் முழு ஆப்பும் ஒரே தாளத்தில் இயங்க.

kkwaenggwariKkwaenggwari என்ற பெயர் kkwaenggwari (꽹과리) என்பதிலிருந்து வந்தது — இது சுத்தியலால் அடிக்கப்படும் சிறிய கொரிய சேகண்டி. அதன் பிரகாசமான, தெளிவான ஒலியே இந்தச் சிறிய திறந்த மூலக் கருவிகளின் பெயருக்கு ஊக்கம்.