Migrate Expressions (Aura to LWC)

Hi,

Here we are going to learn how we can migrate expressions from markup in the Aura component to JavaScript in a Lightning web component.

In the Lightning web component, we can't use expressions in markup (template) but we can use expressions in the Aura component's markup. 

If we have to use expressions in Lightning web components then we have to write this expression in LWC JavaScript File and return the result with the help of getter methods as shown below.

Aura:

Syntax:

<aura:if isTrue="{! (!v.isShow? true : false) }">
    <div>Conditional Code</div>
</aura:if>

LWC:

Syntax:

<template>
    <div if:true={showValues}>Conditional Code</div>
</template>

import { LightningElement } from 'lwc';
export default class MyComponentName {
    get showValues() {
        return isShow? true : false;
    }
}

Reference:

https://developer.salesforce.com/docs/component-library/documentation/en/lwc/lwc.migrate_expressions

https://www.youtube.com/watch?v=MHJASW7DN9w&list=PL-JzyFWuCbkKk0c6WqDdFrjev-wD0SndG

https://www.youtube.com/watch?v=G7oJDD6RMWU&list=PL-JzyFWuCbkKcFSOCRlCUk79YbET5QvZC