{"id":1854,"date":"2017-03-08T08:30:29","date_gmt":"2017-03-08T11:30:29","guid":{"rendered":"http:\/\/www.milfont.org\/tech\/2017\/03\/08\/jsx-a-resposta-do-react-pra-resolver-definitivamente-um-problema\/"},"modified":"2017-03-08T08:30:29","modified_gmt":"2017-03-08T11:30:29","slug":"jsx-a-resposta-do-react-pra-resolver-definitivamente-um-problema","status":"publish","type":"post","link":"https:\/\/www.milfont.org\/tech\/2017\/03\/08\/jsx-a-resposta-do-react-pra-resolver-definitivamente-um-problema\/","title":{"rendered":"JSX, a resposta do React pra resolver definitivamente um problema"},"content":{"rendered":"

Uma pergunta<\/a> do Kewerson Hugo<\/a> no meu post “Os m\u00fasculos do Javascript<\/a>” me lembrou de escrever sobre algo que parece t\u00e3o simples, mas esconde nuances importantes que menosprezamos e deixamos de explicitar.<\/p>\n

\n


\n<\/figure>\n

Respondendo diretamente: Template literals<\/a> s\u00f3 resolve interpola\u00e7\u00e3o de strings e nada mais.<\/p>\n

Em vez de fazer coisas como o primeiro c\u00f3digo, pode interpolar valores em uma string usando o acento grave<\/a> como marcador dessa string como pode ver no c\u00f3digo seguinte.<\/p>\n

https:\/\/gist.github.com\/cmilfont\/09b0623feaa3b6caaf1a01914747e3d4#file-template-concat-js<\/a><\/p>\n

Engines de\u00a0Template<\/h4>\n

Desde 1990 quando o HTML foi criado que ningu\u00e9m tinha pensado (e se pensou n\u00e3o entregou) levar o XML pra dentro da linguagem para montar templates em vez do contr\u00e1rio como fizeram com PHP, JSP, ASP e todos os seguintes.<\/p>\n

H\u00e1 alguns poucos anos eu palestrei uma Lightning Talk no QCONSP<\/a> sobre estrat\u00e9gias de engines de template em javascript.<\/p>\n