Could someone please enlighten me on the pros and cons and use-cases of creating components dynamically from JavaScript as compared to using Aura:if in the markup to render components? I am not quite sure I understand when to use one or the other.

2 Answers 2


AFAIK, dynamically creating components was tricky and difficult to debug. This is why LWC's approach to disabling this feature seems to show that SF is shying away from usage of modals created by dynamically created components and removing other features like two way binding.

About your question, it depends on what you are trying to do. If you are trying to show/hide components based on minimal requirements you can use CSS, aura:if or you can use $A.createComponent(). A particular use case for creating components would be when you need to show large amounts of data and only when it's necessary.

  • 1
    I did not know that SF is trying to move away from the dynamic creation of components going forward. This is definitely significant.
    – user73893
    Commented Dec 4, 2019 at 1:27

My 2cents:

One of the use cases is if you have a backend metadata framework and you load the component to load on the screen from there in run-time.

Basically you wont know what component you need to load till run time. In such cases you would need dynamically created components. I had asked same question for LWC before

If you have like 5 stepped process and you know what components to render but just that based on certain information the step will get inferred in run-time then you would use aura:if to load corresponding step's component.

  • Loading components from the back-end metadata framework in run-time using aura:if is possible but the markup will end up being verbose and hard to understand if there are numerous components, right?
    – user73893
    Commented Dec 4, 2019 at 1:33
  • @user73893 , but if its run-time the markup will just contain facets and even more difficult to understand since the components are loaded in javascript, so its better to use aura ifs that way developers can clearly see the components that are getting rendered
    – RedDevil
    Commented Dec 4, 2019 at 11:30

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .