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

Omi হলো Tencent দ্বারা বিকশিত একটি Web Components ফ্রেমওয়ার্ক। এটি আধুনিক ওয়েব অ্যাপ্লিকেশন এবং পুনরায় ব্যবহারযোগ্য কম্পোনেন্ট তৈরির জন্য বিস্তৃত ফিচার সেট প্রদান করার সময় ছোট বান্ডেল সাইজ এবং উচ্চ পারফরম্যান্সের উপর জোর দেয়। মূল ফিচারগুলোর মধ্যে রয়েছে: - **Signal-চালিত reactive programming**, `reactive-signal` প্যাকেজের মাধ্যমে, যা সূক্ষ্ম reactivity এবং স্বয়ংক্রিয় UI আপডেট সক্ষম করে। - **JSX সাপোর্ট**, পরিচিত সিনট্যাক্সসহ, Vite কনফিগারেশনের মাধ্যমে স্বয়ংক্রিয় `h` import injection সহ। - **Web Components স্ট্যান্ডার্ড** মেনে চলা, যা বিভিন্ন ফ্রেমওয়ার্কে (যেমন Vue, React) ন্যূনতম পরিশ্রমে কম্পোনেন্ট ব্যবহারের সুযোগ দেয়। - **Router, Suspense, এবং Directives**, SPA তৈরি এবং অ্যাসিঙ্ক্রোনাস ডিপেন্ডেন্সি পরিচালনার জন্য। - **Constructable Stylesheets**, দক্ষ স্টাইল ব্যবস্থাপনা এবং শেয়ারিংয়ের জন্য। - **Tailwindcss ইন্টিগ্রেশন** এবং starter kit ও UI কম্পোনেন্টের সংগ্রহ। রিপোজিটরিতে একাধিক প্যাকেজ রয়েছে: - Core: `omi`, `omi-form`, `lucide-omi`, `omiu`, `omi-router`, `omi-cli`। - Starter kits: `omi-elements`, `omi-starter-spa`, `omi-starter-ts`, `omi-starter-tailwind`, `omi-starter-js`, `omi-vue`। - Components: `omi-weui`, `omi-auto-animate`, `omi-suspense`। - Directives: `omi-transition`, `omi-ripple`। - Examples: `snake-game-2tier`, `snake-game-3tier`, `omi-tutorial`। ব্যবহারের উদাহরণে object-oriented (OOP) এবং data-oriented (DOP) উভয় প্রোগ্রামিং স্টাইল দেখানো হয়েছে, যেখানে signals এবং computed values ব্যবহার করে একটি TodoApp উদাহরণ রয়েছে। Vue এবং React উদাহরণের মাধ্যমে ক্রস-ফ্রেমওয়ার্ক ব্যবহার চিত্রিত করা হয়েছে, যা দেখায় কীভাবে Omi কম্পোনেন্ট ইন্টিগ্রেট করা যায় এবং custom events-এর মাধ্যমে যোগাযোগ করতে পারে। প্রকল্পটি MIT লাইসেন্সের অধীনে ওপেন-সোর্স এবং কমিউনিটি অবদান ও শেয়ারিংকে উৎসাহিত করে।