smalljs$molঅনুসন্ধান⌘ Kডকুমেন্টেশনপ্লেগ্রাউন্ডতুলনাইকোসিস্টেমসম্পর্কেBN
React, Vue ও Svelte থেকেGetting Startedপরিচিতিমানসিক মডেলশুরু করাTypeScript থেকে view.treeপ্রকল্পের কাঠামোটুলিংEssentialsইনস্টলেশনভিউস্টেট ও রিয়্যাক্টিভিটিরাউটিংরেন্ডারিংটেস্টিংডিপ্লয়সমস্যা সমাধানDataডেটা ফেচিংডেটা স্কিমাGiper BazaMoreশোকেসReact, Vue ও Svelte থেকেকুকবুকAdvancedপ্লাগইনমডিউল মেটাডেটাঅফলাইনগোস্ট ভিউAboutসাধারণ জিজ্ঞাসাটিমরিলিজAPI$mol_button_major$mol_button_minor$mol_string$mol_number$mol_text$mol_paragraph$mol_list$mol_row$mol_link$mol_check$mol_switch$mol_select$mol_scroll$mol_page$mol_pick

React, Vue ও Svelte থেকে

আপনি যদি React, Vue বা Svelte দিয়ে UI বানিয়ে থাকেন, $mol যা করে তার বেশিরভাগ আপনি ইতিমধ্যেই বোঝেন——শুধু নামগুলো আলাদা। এই ফ্রেমওয়ার্কগুলো যথার্থ কারণেই চমৎকার ও জনপ্রিয়; এই পৃষ্ঠা একটি অনুবাদ ছক, প্রতিযোগিতা নয়, যাতে আপনি দ্রুত স্বচ্ছন্দ বোধ করেন।

ধারণার মানচিত্র

ধারণাReactVueSvelte$molকম্পোনেন্টফাংশন / ক্লাসSFC (.vue).svelte ফাইল.view.tree + .view.tsলোকাল স্টেটuseStateref / reactivelet x@ $mol_memউদ্ভূত মানuseMemocomputed$: y =@ $mol_mem (অন্য সেল পড়ে)সাইড ইফেক্টuseEffectwatchEffect$: {}@ $mol_action (সুস্পষ্ট, কখনো স্বয়ংক্রিয় নয়)মাউন্টে ডেটা লোডuseEffect(fetch)onMounted(fetch)onMount(fetch)কোনো হুক নেই: ডেটাটি একটি প্রপার্টিতে পড়ুন, ভিউ রেন্ডার হওয়ার সময় নিজেই তা চেয়ে নেয়Propspropspropsexport letview.tree-এ বাইন্ডিংইভেন্টonClick@clickon:clickclick? <=> handler?দ্বিমুখী ইনপুটনিয়ন্ত্রিত ইনপুটv-modelbind:valuevalue? <=> field?তালিকাitems.map()v-for{#each}কী-যুক্ত Row*শর্তcond &&v-if{#if}সরাতে null অ্যাসাইন করুনশেয়ার্ড স্টেটRedux / ContextPinia / provideস্টোর@ $mol_mem-সহ যেকোনো অবজেক্টরাউটিংReact RouterVue RouterSvelteKit$mol_state_argস্টাইলিংCSS-in-JSস্কোপড <style><style>টাইপড .view.css.ts

যা সাধারণত নতুন লাগে

তুমি সমাধান করো নাকি ফ্রেমওয়ার্ক সমাধান করে

গভীরতর পার্থক্যটা উপরের শব্দভাণ্ডারে নয় — বরং কে বারবার ফিরে আসা সমস্যাগুলো সমাধান করে তাতে। React, Vue বা Svelte-এ এগুলোর বেশিরভাগই এমন প্যাটার্ন যা তুমি প্রতিটি কম্পোনেন্টে আবার লেখো এবং নিজের মতো করে ভাঙো। $mol-এ এগুলো একটিমাত্র মেকানিজমের বৈশিষ্ট্য, তাই আরও সুন্দর API পাওয়ার বদলে গোটা এই শ্রেণির কাজই উধাও হয়ে যায়।উপরের টেবিল যেখানে জিনিসগুলোর নাম বদলায়, সেখানে $mol আসলে সেগুলোকে সরিয়ে দেয়।

অনুবাদটি চেষ্টা করুন

এই মিলটি আত্মস্থ করার দ্রুততম উপায় হলো দুটোরই একটু লেখা: প্লেগ্রাউন্ড খুলুন, আপনার চেনা একটি ছোট কম্পোনেন্ট পোর্ট করুন, আর দেখুন কেমন দাঁড়ায়। অথবা শুরু করা থেকে শুরু করুন।টেবিলের কোনো সারি যখন আপনার ভরসার কোনো জিনিসের নাম বদলে দেয়, তখন নতুন নামটির পেছনের ধারণা আর আপনি যে হুকটি খুঁজছেন সেটি কেন এখানে নেই, তা ব্যাখ্যা করে মানসিক মডেল
GitHub-এ এই পৃষ্ঠা সম্পাদনা করুনএটি কি সহায়ক ছিল?হ্যাঁনাপূর্ববর্তীশোকেসপরবর্তীকুকবুক
এই পৃষ্ঠায়ধারণার মানচিত্রযা সাধারণত নতুন লাগেতুমি সমাধান করো নাকি ফ্রেমওয়ার্ক সমাধান করেঅনুবাদটি চেষ্টা করুন
Type to search the documentation.