[SalesForce] Lightning Components Do NOT Use React

The combination of Lightning Component and React is NG?
Is my understanding of this correct?

https://developer.salesforce.com/page/Requirements_Checklist

Use of third party MV * frameworks is not currently supported with
Lightning. Any Lightning package that uses Angular or React or other
third party DOM-based templating frameworks will automatically fail
the security review until such time as we provide custom lightning
components to properly encapsulate these frameworks. This is to avoid
template injection attacks resulting from double interpolation. In
order to use another framework as part of a package that uses
Lightning, please use an iframe or Visualforce container until
approved Lightning containers are published.

Best Answer

This is correct. Please use only one framework (Lightning). If you want to use React, you can do so in an iframe or in a VF page. If we do support React in the future, it would be with a custom component to properly separate it our from Lightning.

UPDATE: I'd like to point out that we may well support React and other frameworks in the future. In this case, please check the Requirements Checklist and our Secure Coding guidelines for lists of approved third party frameworks and secure usage instructions.

Related Solutions

[SalesForce] Use dynamic namespace references in Lightning Components

Support for relative/current namespace refs (c:blah) is available in Spring '15 which will be hitting production soon. In markup you really do not have many options for minimizing the maintainable issue currently. We tried to get this in sooner but it was a bit tricker to layer on top of Aura than we had hoped.

FYI Spring '15 also supports non-namespaced orgs :-)

[SalesForce] How To Use HyperLink on Lightning Components

Salesforce lightning aura framework is fully capable of supporting native html elements & handling the respective events.

So if you want to use anchor tag and bind it to your event handler. You can do something like follows

Component / App :

<a href="javascript:void(0)" onclick="{!c.doSomething}">
            Click me to do Something 
</a>

Controller.js :

   doSomething : function(component,event, helper) {
       console.log('Hey There .. the anchor was clicked');
       console.log(event);
       var href = event.srcElement.href;
       console.log(href);

    }

You will have access to events emitted during the onclick process as well.

Sample Output:

Best Answer

Related Solutions

[SalesForce] Use dynamic namespace references in Lightning Components

[SalesForce] How To Use HyperLink on Lightning Components

Related Topic