মূল কনটেন্টে যান
🐹
emberjs learning
Reactivity•দিন ০০৩/৬৫

Avoid Legacy Lifecycle Hooks (did-insert, will-destroy, did-update)

এই দিনের কাজ · মোট ১০′০/১ (০%)
  • Avoid Legacy Lifecycle Hooks (did-insert, will-destroy, did-update) — নিচের Incorrect কোড পড়ে, না দেখে ঠিক সংস্করণটা লিখুন; তারপর "কেন" ইংরেজিতে ২–৩ বাক্যে জোরে বলুন, আর খাতায় এক লাইন: নিজের কাজে এটা কোথায় দেখেছেন

    ❌ Incorrect (did-update):

    // app/components/user-greeting.gjs
    import Component from '@glimmer/component';
    import { tracked } from '@glimmer/tracking';
    import { action } from '@ember/object';
    
    class UserGreeting extends Component {
      @tracked displayName = '';
    
      @action
      updateDisplayName() {
        // Runs on every render - inefficient and error-prone
        this.displayName = `${this.args.user.firstName} ${this.args.user.lastName}`;
      }
    
      <template>
        <div {{did-update this.updateDisplayName @user}}>
          Hello,
          {{this.displayName}}
        </div>
      </template>
    }
    
    ১০′🔁 ঝালাই হবেimpact · HIGHCorrect: আগে নিজে লিখুন
দিন শেষে — নিজেকে যাচাই
না দেখে ঠিকটা লেখা, আর "কেন" ইংরেজিতে জোরে বলা হয়েছে?

উত্তরের আগে উপরের কাজ না দেখে মনে করুন এই দিনে কী কী করেছেন। 🧠 Test yourself