Kkwaenggwari · Open source

আকারে ছোট।ঝংকারে জোরালো।

React আর React Native-এর জন্য স্টেট ও গতির ওপেন-সোর্স টুল। তিনটি নির্দিষ্ট প্যাকেজ, যা প্রথম ইমপোর্ট থেকেই কাজ করে আর আপনার যতটুকু দরকার ততটুকুই বাড়ে।

  • ৩টি প্যাকেজ
  • 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

কঠিন ইন্টারঅ্যাকশন,আগেই তৈরি।

ঘুরন্ত সংখ্যা, সরে যাওয়া হাইলাইট, শুধু বদলানো অংশ নড়ানো তালিকা, শিট আর সোয়াইপ অ্যাকশন। নিজের ডেটা দিন — কোনো provider বা সেটআপ কল ছাড়াই — React আর React Native-এ।

  • সংখ্যা, ট্যাব, তালিকা আর শিট
  • ওয়েব আর নেটিভে একই ইমপোর্ট
  • নতুন ইনপুট স্ক্রিনে যা আছে সেখান থেকে এগোয়
ইনস্টল করুন
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 · নীতি

ছোট,শুরু থেকে শেষ পর্যন্ত।

একটি ইমপোর্ট দিয়ে শুরু

আগে থেকে কোনো মোড়ানো provider বা গ্লোবাল সেটআপ নেই। অ্যাপ চাইলে তবেই ক্ষমতা যোগ করুন।

শুধু যেখানে দরকার

শুধু সেই কম্পোনেন্ট হালনাগাদ হয় যাদের বাছাই বদলেছে, সেই এলিমেন্ট যারা মান ব্যবহার করে, আর সেই সারি যারা সরেছে।

শেষ পর্যন্ত দায়িত্বশীল

বাধা পাওয়া গতি স্ক্রিনে যা আছে সেখান থেকে এগোয়, আর মালিক চলে গেলে সাবস্ক্রিপশন ও অ্যানিমেশন ছেড়ে দেওয়া হয়।

টাইপ করা ও নথিভুক্ত

প্রতিটি প্যাকেজের সঙ্গে TypeScript ডিক্লারেশন আসে, আর ডকুমেন্টেশন 39টি ভাষায় পড়া যায়।

04 · নাম

Kkwaenggwari,যে কাঁসর দলকে শুরু করায়।

উচ্চারণ "কোয়েং-গোয়া-রি"। কোরীয় পুংমুলে প্রধান kkwaenggwari (꽹과리) বাদক পুরো দলের তাল ঠিক করেন। আমাদের টুলগুলোরও লক্ষ্য তাই: ছোট কিন্তু স্পষ্ট, যাতে আপনার পুরো অ্যাপ একই তালে চলে।

kkwaenggwariKkwaenggwari নামটি এসেছে kkwaenggwari (꽹과리) থেকে, যা হাতুড়ি দিয়ে বাজানো ছোট একটি কোরীয় কাঁসর। এর উজ্জ্বল, স্পষ্ট ঝংকার থেকেই এই ছোট ওপেন-সোর্স টুলগুলোর নাম।