Kkwaenggwari · ఓపెన్ సోర్స్

చిన్నగా నిర్మితం.గట్టిగా మోగుతుంది.

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-ను మారుస్తుంది. పన్నెండు ఆకారాల స్థానం, భ్రమణం, పరిమాణం, మూలలు అన్నీ దాని నుండే వస్తాయి. spring నొక్కి, మధ్యలో స్లైడర్‌ను పట్టుకోండి.

Animated Chorus

పూర్తయిన కాంపోనెంట్లుReact · React Native

కష్టమైన ఇంటరాక్షన్లు,ఇప్పటికే పూర్తయ్యాయి.

దొర్లే సంఖ్యలు, ప్రయాణించే హైలైట్, మారినవాటిని మాత్రమే కదిలించే జాబితాలు, షీట్‌లు, స్వైప్ చర్యలు. మీ డేటాను ఇవ్వండి — Provider గానీ సెటప్ కాల్ గానీ లేదు — React, React Native రెండింటిలో.

  • సంఖ్యలు, ట్యాబ్‌లు, జాబితాలు, షీట్‌లు
  • వెబ్‌లో, నేటివ్‌లో ఒకే import
  • కొత్త ఇన్‌పుట్ స్క్రీన్‌పై ఉన్నదాని నుండి కొనసాగుతుంది
ఇన్‌స్టాల్ చేయండి
npm install @kkwaenggwari/animated-chorus @kkwaenggwari/animated

లైవ్

డేటా మాత్రమే అవసరమైన డాష్‌బోర్డ్

ఒక కాలాన్ని ఎంచుకోండి: MotionHighlight అక్కడికి ప్రయాణిస్తుంది, MotionNumber దొర్లుతుంది, ProgressRing నిండుతుంది, MotionList మారిన వరుసలను మాత్రమే కదిలిస్తుంది.

ఈరోజుఈ వారంఈ నెల

సందర్శనలు

1,284

  1. హోమ్
  2. ధరలు
  3. డాక్యుమెంటేషన్
  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 (꽹과리) నుండి వచ్చింది — ఇది కర్రతో వాయించే చిన్న కొరియన్ జేగంట. దాని ప్రకాశవంతమైన, స్పష్టమైన నాదమే ఈ చిన్న ఓపెన్-సోర్స్ సాధనాల పేరుకు ప్రేరణ.