{"id":6342,"date":"2021-09-24T07:43:17","date_gmt":"2021-09-24T07:43:17","guid":{"rendered":"https:\/\/www.greytrix.com\/blogs\/salesforce\/?p=6342"},"modified":"2021-09-24T07:43:18","modified_gmt":"2021-09-24T07:43:18","slug":"the-track-decorator-is-no-longer-required-for-lightning-web-component-but-with-one-exception","status":"publish","type":"post","link":"https:\/\/www.greytrix.com\/blogs\/salesforce\/2021\/09\/24\/the-track-decorator-is-no-longer-required-for-lightning-web-component-but-with-one-exception\/","title":{"rendered":"The @track Decorator Is No Longer Required for Lightning Web Component but with one Exception"},"content":{"rendered":"\n

We are referring here to Spring \u201920 Release Notes<\/strong> available on the Salesforce help section<\/a>. <\/p>\n\n\n\n

We have removed the @track decorator from all the variables in our test project, but it was not working for the few variables.<\/p>\n\n\n\n

After more detail, we found one exception while removing the @track decorator, i.e., when using objects. So, if we change the property of an object, it will not render the same on UI. Unless the object variable is not having a @track decorator. Let\u2019s see the below code example,<\/p>\n\n\n\n

Here we are returning object wrapper from apex code.<\/p>\n\n\n\n

AccountDTWrapper objDT =  new AccountDTWrapper();  \r\nobjDT.pageSize = pageSize;\r\nobjDT.pageNumber = pageNumber;\r\nobjDT.recordStart = offset + 1;\r\nobjDT.totalRecords = totalRecords;\r\nobjDT.account=[select Id,Name from Account limit 10];\r\nreturn objDT;\r<\/code><\/pre>\n\n\n\n
Firstly, if you change any value of the wrapper object here in this js file, it will not reflect on UI if the @track decorator is not used. So I have used the @track decorator for datatypes of the object type.<\/p>\n\n\n\n
\/\/ Component rerenders.\r\n@track result;\r\nthis.result. recordStart  = 10; \r<\/code><\/pre>\n\n\n\n
We hope to use the information, and you can use the @track<\/strong> decorator object to its optimum use.<\/p>\n\n\n\n
We hope you may find this blog resourceful and helpful. If you still have concerns and need more help, don\u2019t hesitate to get in touch with us at\u00a0salesforce@greytrix.com<\/a>.<\/p>\n\n\n\n
About Us<\/b><\/br>\n
Greytrix<\/a> \u2013 a globally recognized and one of the oldest Sage Development Partner and a Salesforce Product development partner offers a wide variety of integration products and services to the end users as well as to the Partners and Sage PSG across the globe. We offer Consultation, Configuration, Training and support services in out-of-the-box functionality as well as customizations to incorporate custom business rules and functionalities that require apex code incorporation into the Salesforce platform.

 Greytrix has some unique solutions for Cloud CRM such as Salesforce Sage integration<\/a> for Sage X3<\/a>, Sage 100<\/a> and Sage 300 (Sage Accpac)<\/a>. We also offer best-in-class Cloud CRM Salesforce customization and development services<\/a> along with services such as Salesforce Data Migration<\/a>, Integrated App development<\/a>, Custom App development and Technical Support business partners and end users. Salesforce Cloud CRM integration offered by Greytrix works with Lightning web components and supports standard opportunity workflow. Greytrix GUMU™ integration for Sage ERP \u2013 Salesforce is a 5-star rated app listed on Salesforce AppExchange<\/a>.
 The GUMU™ Cloud framework by Greytrix forms the backbone of cloud integrations that are managed in real-time for processing and execution of application programs at the click of a button.

 For more information on our Salesforce products and services, contact us at salesforce@greytrix.com<\/a>. We will be glad to assist you.<\/p>\n\n\n\n
Related Posts<\/strong><\/p>\n\n\n\n