LWC Lifecycle hooks

In a typical wire setup, the life cycle will be:

  • constructor
  • wire provisions empty object ({data, error} are each undefined)
  • connectedCallback
  • render
  • renderedCallback
  • wire provisions results from server
  • render (if dirty data)
  • renderedCallback (ditto)

Using imperative Apex in the constructor, you end up with:

  • constructor
  • connectedCallback
  • render
  • renderedCallback
  • Apex call returns data
  • render (if dirty data)
  • renderedCallback (ditto)

Share