<div dir="ltr"><div>That'd give you info after declaration, which I believe was the major concern in using strings instead of literals.</div><div><br></div><div>FWIW, I also wish E4X was still a thing, despite these handy and successful template literals based libraries (hyperHTML, lighterhtml, or heresy for the client, viperHTML for NodeJS).<br></div><div><br></div><div>However, since `() => <node />` is always new node while `() => html`<node />`` is a unique literal, I think E4X would be a performance nightmare on the client, it could still smehow shine in NodeJS though.</div><div><br></div><div>Regards<br></div></div><br><div class="gmail_quote"><div dir="ltr" class="gmail_attr">On Mon, May 20, 2019 at 2:03 PM ViliusCreator <<a href="mailto:viliuskubilius416@gmail.com">viliuskubilius416@gmail.com</a>> wrote:<br></div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex"><div lang="EN-AU"><div class="gmail-m_-1221747863631585892WordSection1"><p class="MsoNormal">> <span style="font-size:12pt;font-family:"Georgia",serif;color:rgb(51,51,51);background:white none repeat scroll 0% 0%">With strings and even E4X, you don't get the same experience that react supports. Things like property completion in XML mode, XML internal logic, etc.<u></u><u></u></span></p><p class="MsoNormal"><span style="font-size:12pt;font-family:"Georgia",serif;color:rgb(51,51,51);background:white none repeat scroll 0% 0%"><u></u> <u></u></span></p><p class="MsoNormal"><span style="font-size:12pt;font-family:"Georgia",serif;color:rgb(51,51,51);background:white none repeat scroll 0% 0%">Pretty sure you can do this:<u></u><u></u></span></p><p class="MsoNormal"><span style="font-size:12pt;font-family:"Georgia",serif;color:rgb(51,51,51);background:white none repeat scroll 0% 0%"><u></u> <u></u></span></p><p class="MsoNormal"><span style="font-size:12pt;font-family:"Georgia",serif;color:rgb(51,51,51);background:white none repeat scroll 0% 0%">```js<br>// ... xml function definition<u></u><u></u></span></p><p class="MsoNormal"><span style="font-size:12pt;font-family:"Georgia",serif;color:rgb(51,51,51);background:white none repeat scroll 0% 0%">/**<u></u><u></u></span></p><p class="MsoNormal"><span style="font-size:12pt;font-family:"Georgia",serif;color:rgb(51,51,51);background:white none repeat scroll 0% 0%"> * @type {Element}<u></u><u></u></span></p><p class="MsoNormal"><span style="font-size:12pt;font-family:"Georgia",serif;color:rgb(51,51,51);background:white none repeat scroll 0% 0%"> * @prop {string} href<u></u><u></u></span></p><p class="MsoNormal"><span style="font-size:12pt;font-family:"Georgia",serif;color:rgb(51,51,51);background:white none repeat scroll 0% 0%"> */<br>const xmlObj = xml`<a href=”...”>something</a>`<u></u><u></u></span></p><p class="MsoNormal"><span style="font-size:12pt;font-family:"Georgia",serif;color:rgb(51,51,51);background:white none repeat scroll 0% 0%">```</span></p><p class="MsoNormal"><br>This should make editor auto-complete xml object for you.<u></u><u></u></p></div></div>_______________________________________________<br>
es-discuss mailing list<br>
<a href="mailto:es-discuss@mozilla.org" target="_blank">es-discuss@mozilla.org</a><br>
<a href="https://mail.mozilla.org/listinfo/es-discuss" rel="noreferrer" target="_blank">https://mail.mozilla.org/listinfo/es-discuss</a><br>
</blockquote></div>