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

Optimize Conditional Rendering

এই দিনের কাজ · মোট ১০′০/১ (০%)
  • Optimize Conditional Rendering — নিচের Incorrect কোড পড়ে, না দেখে ঠিক সংস্করণটা লিখুন; তারপর "কেন" ইংরেজিতে ২–৩ বাক্যে জোরে বলুন, আর খাতায় এক লাইন: নিজের কাজে এটা কোথায় দেখেছেন

    Incorrect:

    // app/components/user-list.gjs
    import Component from '@glimmer/component';
    
    class UserList extends Component {
      <template>
        {{#each @users as |user|}}
          <div class="user">
            {{! Recomputes every time}}
            {{#if (eq user.role "admin")}}
              <span class="badge admin">{{user.name}} (Admin)</span>
            {{/if}}
            {{#if (eq user.role "moderator")}}
              <span class="badge mod">{{user.name}} (Mod)</span>
            {{/if}}
            {{#if (eq user.role "user")}}
              <span>{{user.name}}</span>
            {{/if}}
          </div>
        {{/each}}
      </template>
    }
    
    ১০′🔁 ঝালাই হবেimpact · HIGHCorrect: আগে নিজে লিখুন
দিন শেষে — নিজেকে যাচাই
না দেখে ঠিকটা লেখা, আর "কেন" ইংরেজিতে জোরে বলা হয়েছে?

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