প্রকল্প সম্পর্কে

Panda আধুনিক ওয়েব ডেভেলপমেন্টের জন্য একটি স্টাইলিং সমাধান, যাকে ইউনিভার্সাল, টাইপ-সেফ এবং স্কেলেবল CSS-in-JS হিসেবে বর্ণনা করা হয়েছে। এটি বিল্ড টাইমে কাজ করে, স্টাইল অবজেক্ট বা স্টাইল প্রপসগুলোকে CSS-এ এক্সট্রাক্ট করে। এর মূল বৈশিষ্ট্যগুলোর মধ্যে রয়েছে: বিল্ড টাইমে এক্সট্রাক্ট করা স্টাইল অবজেক্ট বা স্টাইল প্রপস লেখা; @layer এবং CSS ভেরিয়েবল ব্যবহার করে আধুনিক CSS আউটপুট; বেশিরভাগ জাভাস্ক্রিপ্ট ফ্রেমওয়ার্কের সাথে সামঞ্জস্যতা; Stitches-এর মতো রেসিপি এবং ভেরিয়েন্ট; একই সাথে থিমের জন্য উচ্চ-স্তরের ডিজাইন টোকেন; এবং codegen-এর মাধ্যমে অটো-কমপ্লিটসহ টাইপ-সেফ স্টাইল। npm-এর মাধ্যমে ইনস্টলেশন প্রক্রিয়া হলো: npm i -D @pandacss/dev, তারপর কনফিগ এবং postcss তৈরি করতে npx panda init -p। এন্ট্রি CSS ফাইলে @layer reset, base, tokens, recipes, utilities থাকা উচিত এবং এটি অ্যাপে ইমপোর্ট করতে হবে। ব্যবহারের উদাহরণ: import { css } from '../styled-system/css'; import { stack, vstack, hstack } from '../styled-system/patterns'; এরপর hstack({ gap: '30px', color: 'pink.300' }) বা css({ fontSize: 'lg', color: 'red.400' }) এর মতো ক্লাস নেম ব্যবহার করুন। এই মনোরিপোতে cli, core, config, extractor, generator, parser, is-valid-prop, node, token-dictionary এবং shared-এর মতো প্যাকেজ অন্তর্ভুক্ত রয়েছে। প্রজেক্টটি panda-css.com-এ ডকুমেন্টেশন, একটি StackBlitz প্লেগ্রাউন্ড, কন্ট্রিবিউটিং গাইড এবং একটি ডিসকর্ড কমিউনিটি প্রদান করে। এটি MIT লাইসেন্সপ্রাপ্ত। README-তে Chakra UI, Vanilla Extract, Stitches, Tailwind CSS, Class Variance Authority, Styled System, Linaria, Uno CSS এবং Goober-এর কাছ থেকে অনুপ্রাণিত হওয়ার কথা স্বীকার করা হয়েছে।