Mfcttrf

Have powerful mythological heroes ever run away or been deeply afraid?

Elegant way to prove congruence

Strange math syntax in old basic listing

Why does the UK have more political parties than the US?

How crucial is a waifu game storyline?

Bringing Food from Hometown for Out-of-Town Interview?

What is a simple, physical situation where complex numbers emerge naturally?

If a problem only occurs randomly once in every N times on average, how many tests do I have to perform to be certain that it's now fixed?

Accidentally cashed a check twice

Why don't I have ground wiring on any of my outlets?

Rotated Position of Integers

How much current can Baofeng UV-5R provide on +V pin?

Future enhancements for the finite element method

Estimate related to the Möbius function

Working in the USA for living expenses only; allowed on VWP?

Can you keep a readied action even through incapacitation?

what's the equivalent of helper in LWC?

Recording the inputs of a command and producing a list of them later on

Are grass strips more dangerous than tarmac?

Slide Partition from Rowstore to Columnstore

Singlequote and backslash

Can I ask a publisher for a paper that I need for reviewing

What should I do about a religious player who refuses to accept the existence of multiple gods in D&D?

Looking for an old image of designing a cpu with plan laid out / being edited on a literal floor

what's the equivalent of helper in LWC?

Html injections for dependent picklists used in lightning web components in tables with editLWC-Jest installation failsLWC counterpart to Aura's force:createRecord eventworking with the refreshApex feature in LWCLWC: Picklist without knowing recordTypeIdIs there an equivalent to $A.get(“$Browser.formFactor”) in LWC?Implement a table using LWCLWC: How to create dynamic component in LWC?LWC: Display HTML ContentHelper method not calling other helper method

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

2

Could be a very basic question. I am wondering how I can call a function from another in LWC.

for eg:

export default class testUtil extends LightningElement 
hangleChange(evt)
 this.inputcheck = evt.detail.value;
 if(inputval == true)
 showtoast(inputval);
 

 showToast(inpval) 
 const event = new ShowToastEvent(
 title: 'Get Help',
 message: 'Input val changed.'+ inpval,
 );
 this.dispatchEvent(event);
 

I assumed I could use testUtil.showToast(inpval) even that does not work I get undefined function, in case of aura framework I can call functions in the helper method as much as I can, am I missing something or is there no way to build reusable functions in LWC?

aura lightning-web-components

share|improve this question

asked 9 hours ago

RaoRao

13.1k74786

add a comment | 

2

Could be a very basic question. I am wondering how I can call a function from another in LWC.

for eg:

export default class testUtil extends LightningElement 
hangleChange(evt)
 this.inputcheck = evt.detail.value;
 if(inputval == true)
 showtoast(inputval);
 

 showToast(inpval) 
 const event = new ShowToastEvent(
 title: 'Get Help',
 message: 'Input val changed.'+ inpval,
 );
 this.dispatchEvent(event);
 

I assumed I could use testUtil.showToast(inpval) even that does not work I get undefined function, in case of aura framework I can call functions in the helper method as much as I can, am I missing something or is there no way to build reusable functions in LWC?

aura lightning-web-components

share|improve this question

asked 9 hours ago

RaoRao

13.1k74786

add a comment | 

Could be a very basic question. I am wondering how I can call a function from another in LWC.

for eg:

export default class testUtil extends LightningElement 
hangleChange(evt)
 this.inputcheck = evt.detail.value;
 if(inputval == true)
 showtoast(inputval);
 

 showToast(inpval) 
 const event = new ShowToastEvent(
 title: 'Get Help',
 message: 'Input val changed.'+ inpval,
 );
 this.dispatchEvent(event);
 

I assumed I could use testUtil.showToast(inpval) even that does not work I get undefined function, in case of aura framework I can call functions in the helper method as much as I can, am I missing something or is there no way to build reusable functions in LWC?

aura lightning-web-components

share|improve this question

asked 9 hours ago

RaoRao

13.1k74786

export default class testUtil extends LightningElement 
hangleChange(evt)
 this.inputcheck = evt.detail.value;
 if(inputval == true)
 showtoast(inputval);
 

 showToast(inpval) 
 const event = new ShowToastEvent(
 title: 'Get Help',
 message: 'Input val changed.'+ inpval,
 );
 this.dispatchEvent(event);
 

share|improve this question

asked 9 hours ago

RaoRao

13.1k74786

share|improve this question

asked 9 hours ago

RaoRao

13.1k74786

asked 9 hours ago

RaoRao

13.1k74786

asked 9 hours ago

RaoRao

13.1k74786

2 Answers
2

active

oldest

votes

7

A "helper" class would be a utility component.

For example, you can write the following code:

import ShowToastEvent from 'lightning/platformShowToastEvent';
// This is the testUtil component
function showToast(inpval) 
 const event = new ShowToastEvent(
 title: 'Get Help',
 message: 'Input val changed.'+ inpval,
 );
 this.dispatchEvent(event);


export showToast 

(Note: this is a complete JS file)

Which you would then use in your other components:

import LightningComponent from 'lwc';
import showToast from 'c/testUtil';

export default class MyDemo extends LightningComponent 
 connectedCallback() 
 showToast('This is a demo toast');
 

There is no literal equivalent to helper files in LWC. This design simplifies development and provides an easy way to share functions between components.

share|improve this answer

answered 8 hours ago

sfdcfoxsfdcfox

272k14220472

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Are there any specific design patterns to follow with lwc is there a good place to get started. I have seen a few code samples being JavaScript everyone has their say on how things work. Hence the question. I can open this up as a separate question if you think that would be beneficial
  
  – Rao
  4 hours ago
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @Rao I haven't used enough LWC to give this any serious thought, and it might be off-topic because of the inherent "opinion-based" nature of such a question, but I think it could be an interesting question if you frame it correctly.
  
  – sfdcfox
  4 hours ago
  

  
  
  
  

add a comment | 

0

There's no concept of a helper per se, but you can easily share code by using standard javascript modules (aka ES6 modules).

You can also read more about sharing code here:
https://lwc.dev/guide/reference#modules

share|improve this answer

answered 6 hours ago

Eugene KashidaEugene Kashida

51136

add a comment | 

Your Answer

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "459"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fsalesforce.stackexchange.com%2fquestions%2f264131%2fwhats-the-equivalent-of-helper-in-lwc%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

7

A "helper" class would be a utility component.

For example, you can write the following code:

import ShowToastEvent from 'lightning/platformShowToastEvent';
// This is the testUtil component
function showToast(inpval) 
 const event = new ShowToastEvent(
 title: 'Get Help',
 message: 'Input val changed.'+ inpval,
 );
 this.dispatchEvent(event);


export showToast 

(Note: this is a complete JS file)

Which you would then use in your other components:

import LightningComponent from 'lwc';
import showToast from 'c/testUtil';

export default class MyDemo extends LightningComponent 
 connectedCallback() 
 showToast('This is a demo toast');
 

There is no literal equivalent to helper files in LWC. This design simplifies development and provides an easy way to share functions between components.

share|improve this answer

answered 8 hours ago

sfdcfoxsfdcfox

272k14220472

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Are there any specific design patterns to follow with lwc is there a good place to get started. I have seen a few code samples being JavaScript everyone has their say on how things work. Hence the question. I can open this up as a separate question if you think that would be beneficial
  
  – Rao
  4 hours ago
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @Rao I haven't used enough LWC to give this any serious thought, and it might be off-topic because of the inherent "opinion-based" nature of such a question, but I think it could be an interesting question if you frame it correctly.
  
  – sfdcfox
  4 hours ago
  

  
  
  
  

add a comment | 

7

A "helper" class would be a utility component.

For example, you can write the following code:

import ShowToastEvent from 'lightning/platformShowToastEvent';
// This is the testUtil component
function showToast(inpval) 
 const event = new ShowToastEvent(
 title: 'Get Help',
 message: 'Input val changed.'+ inpval,
 );
 this.dispatchEvent(event);


export showToast 

(Note: this is a complete JS file)

Which you would then use in your other components:

import LightningComponent from 'lwc';
import showToast from 'c/testUtil';

export default class MyDemo extends LightningComponent 
 connectedCallback() 
 showToast('This is a demo toast');
 

There is no literal equivalent to helper files in LWC. This design simplifies development and provides an easy way to share functions between components.

share|improve this answer

answered 8 hours ago

sfdcfoxsfdcfox

272k14220472

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Are there any specific design patterns to follow with lwc is there a good place to get started. I have seen a few code samples being JavaScript everyone has their say on how things work. Hence the question. I can open this up as a separate question if you think that would be beneficial
  
  – Rao
  4 hours ago
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @Rao I haven't used enough LWC to give this any serious thought, and it might be off-topic because of the inherent "opinion-based" nature of such a question, but I think it could be an interesting question if you frame it correctly.
  
  – sfdcfox
  4 hours ago
  

  
  
  
  

add a comment | 

A "helper" class would be a utility component.

For example, you can write the following code:

import ShowToastEvent from 'lightning/platformShowToastEvent';
// This is the testUtil component
function showToast(inpval) 
 const event = new ShowToastEvent(
 title: 'Get Help',
 message: 'Input val changed.'+ inpval,
 );
 this.dispatchEvent(event);


export showToast 

(Note: this is a complete JS file)

Which you would then use in your other components:

import LightningComponent from 'lwc';
import showToast from 'c/testUtil';

export default class MyDemo extends LightningComponent 
 connectedCallback() 
 showToast('This is a demo toast');
 

There is no literal equivalent to helper files in LWC. This design simplifies development and provides an easy way to share functions between components.

share|improve this answer

answered 8 hours ago

sfdcfoxsfdcfox

272k14220472

import ShowToastEvent from 'lightning/platformShowToastEvent';
// This is the testUtil component
function showToast(inpval) 
 const event = new ShowToastEvent(
 title: 'Get Help',
 message: 'Input val changed.'+ inpval,
 );
 this.dispatchEvent(event);


export showToast 

import LightningComponent from 'lwc';
import showToast from 'c/testUtil';

export default class MyDemo extends LightningComponent 
 connectedCallback() 
 showToast('This is a demo toast');
 

share|improve this answer

answered 8 hours ago

sfdcfoxsfdcfox

272k14220472

answered 8 hours ago

sfdcfoxsfdcfox

272k14220472

answered 8 hours ago

sfdcfoxsfdcfox

272k14220472

0

There's no concept of a helper per se, but you can easily share code by using standard javascript modules (aka ES6 modules).

You can also read more about sharing code here:
https://lwc.dev/guide/reference#modules

share|improve this answer

answered 6 hours ago

Eugene KashidaEugene Kashida

51136

add a comment | 

0

There's no concept of a helper per se, but you can easily share code by using standard javascript modules (aka ES6 modules).

You can also read more about sharing code here:
https://lwc.dev/guide/reference#modules

share|improve this answer

answered 6 hours ago

Eugene KashidaEugene Kashida

51136

add a comment | 

There's no concept of a helper per se, but you can easily share code by using standard javascript modules (aka ES6 modules).

You can also read more about sharing code here:
https://lwc.dev/guide/reference#modules

share|improve this answer

answered 6 hours ago

Eugene KashidaEugene Kashida

51136

share|improve this answer

answered 6 hours ago

Eugene KashidaEugene Kashida

51136

answered 6 hours ago

Eugene KashidaEugene Kashida

51136

answered 6 hours ago

Eugene KashidaEugene Kashida

51136