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 (꽹과리) ಯಿಂದ ಬಂದಿದೆ — ಕೋಲಿನಿಂದ ಬಾರಿಸುವ ಒಂದು ಸಣ್ಣ ಕೊರಿಯನ್ ಜಾಗಟೆ. ಅದರ ಪ್ರಕಾಶಮಾನ, ಸ್ಪಷ್ಟ ನಾದವೇ ಈ ಸಣ್ಣ ಓಪನ್-ಸೋರ್ಸ್ ಉಪಕರಣಗಳ ಹೆಸರಿಗೆ ಸ್ಫೂರ್ತಿ.