Do we really data-bindings, directives, observables, streams... for building Web UI ?
Published: 2020-10-11 21:48:48

I just discovered the library [diffHTML](https://diffhtml.org/index.html#examples) 

And I have adapted one of the sample.

Look a the code below, there is no databindings, no directives, the UI is constantly refreshed at highest rate possible, like in a game loop; 
Could this be a viable solution ?

Tell me what you think ?

You can test it here : [diffHTML](https://flems.io/#0=N4IgzgxgTg9gNnEAuA2gBgDRoLoZAMwEs4BTMZFUAOwEMBbE5EAOgAsAXOxPCGK9kvyYAdKqIA8dGoSoACQgBMAvMPARBJVQD5xAeikyto41RB4wJUhHaE+5JCABMSAIwBWEAF8M1eowfMAFbkPHwCQg4AhPgArlTWtlQAFCQY7ACUwKowAEaBJNaqSkrsAJ4ADiQw+LIkAB7lMFDsYABkrapxCiREVCQKqpElFVU1dDAKMaQA-OwpDU0t6UiqsfE2fEXDldWy3b0k7fsyJMz0CtPHfUkoqvWNzWCquBlIKUokAD6fFnD4aSlmApCPh8EpgJ50ulPEl2KxCGAMGsEnwUplOhZZGB2FBCIUQABuZEbORzVIZYAgpKRFLyKjYmjxUayDLpOGwADusj6XIAKiMAKJQWBQJKqADCjKoMHYsggNAQshocrgNDAYCVGuVxMSqmhOr4slF5My+CaSQAbjQoEalGgCVBxOxmKQqABzOEOgDUXsyVptVBKKCg2AJVGYghiDCgNBypCU4cj0djpG+kRcGHDvCoRDdMRjcZISkimFUVrgMU0IBk3PaSXDHNx7BTRZL6QwAHk8gVnVcSAAFWCVZqlFKZ5gAaxIpUz0M8BrkyXJs+AUBI7HzpPaxuY5Vg7BlIzS7ao27HVHbJHncRRchoY-YGCgmTXG6gpLptWmXfy1iBPROQcYGHMoHx8ctKyQKAMCTEgC1IJASwwbNc3zFtEMwRtCGbQsMMhJASBQdhsCUaCrwXWQYAfP1rVtH8e0nacwDRAkqXov83XXDsOSoICQNKABlUo6ByeAwBogMlHY51OPYbjeKHOCyiEkSxJY9g60DcMiDgARRQXWEX3XTdZGk5hZPkvilNKAARMhoEIcoD2NY8IyoKM4JbSF2ygXcYjAVgznKco4FHaCL08V8TKga91kSeQ0VXYz3yxNFvgUNLPggTKYiSfUbxJVKSEyKkAEFhRoUpmARcqY1HYr0iilK4DRWLbz2RKqU6Kg+wGEAhjKHYahU0S4HaEb4GqvSaGcz9pLRRrkrkWrKuYfBYDoVqKOyk1KXwTr9tUbFcXdLZBuZYqmrkFqTQJf06O7P89xlQ9KmYA8BJxGQ3WYeUEDRZgwDgPESCSAAODAAFoXHSB0ltUaStlI9pTmzY6YmsJo6ygD5frsHEMec5haAYdtVAAWRocokagb5VAE9caemFaqvWmBNuKlYQHKvMGH4J4QGKUjvl0AA9JJpiQABVQhPgASXSfgJaQMHPhcAA2T4AGZHHSZXxVVOhKgUdJmYq0oABJdHesg5mfaYbuPJALRgRRZDQTw2sKx2KXrKY4GKdhvnYLRTldD1WHSOt2Fx8O4Vhs1RXunHMC0kguRZwyHSdb1fSoYMSMIkM4bfRcvfi3LMnZGAuR5WR+UqIURTFEA5aocs3ZmgQjdlA8sT3EgaAUbk+Eh7DPMLOkGSZZhhFENvKKgbobT7nISHkabCwwEeqEh606sox6WlkOh-NlVgaAtdflRQCa4CmzznOwPKT-XVgJlnkB8riw19uXZ9gD3S0v7Vi+0aCnGegIaw-Q2BqkyuAs4CAYDygEAoWBzEGqBhIASSwmIqSRC+J8a4DVAG0RoB8aYYdBARyQPaHGKBQyJ0tLRGAdoCQwHEDQdhPpGp+QCikFAMBsCw0DPtGAqR3IICfNCKkF4rrcjurRMAKgQC5F-OwM6IxdipGUNgqkhxWhtA6KonicEbLII8vwVQNYTakJtBAUBSQtZCzQdKboDdip2NkAHfahAdHEwmCQAAagqSssN5EACFAbriSHAGC7Y4CeBjhCJ8SgGGKJtDEJQaCu64hyDEAQYBHEuBcQE9xIx2gxEqS6ah8cmH3VYGw1g4gYg1PdJ6VgPCvHlCUDEFArBcAWiUOUYmfgMB0GGcwCC2DVBIzoO0C0n4LjsBQBaQuqzsBIBWWspQdBPBUiSCU4orjAkeO+C4I52SykkA8VHVoaCIDwjgAoAAcoEsAbSI4vjSYw80903RsLdOIB5TzXnvM+Z6N0XT7ovKuY84gYLuhgBQG6UMvlyj+VYEkfaLyoSe0iWtJoAoaCPOxQVRIsJpHABjsUAx9ZSLQhPAmb4+0TndBeWMx8z5xy5MIPkwpJRxzwueW8pFELGmYCSBABMv1QWirIOkPhgUqYhVHBADAhAkjPnbFEiwcwqDxMzPs-a4kvGlFxjGDk8qOUMAwDkXGbiSA2tSLyB1gSQkVlSAKXGvL+VkAwByXGwrEX+onEG0Fa4DUCSUKUb4OROxKH2gJDAApviSLiROb4HJwlLXrnWDs1yPWViULydsHZ5x-NonUJQ1peaCBaOKjAAB9BM6dZCZzqFoLW0w6iQy1rQ9s4olBawJOKcQdRR08KbSgcUfaSK1ssS0GdoYm3iuxmkkMeN4gzSSE2qEmZSKnFknlDJ7aPhCz8QSI6X1TqC22BdaY9ZmCWutX4D445HXOplS+wJzr3owAADI1zgpKCweVlhPp-eyt9EjrlfvESeQtoSiyzLMOGKc5rUNCrleCuOEqeXsC+n65REJT0ACVW2GTpqoo+gx727EfHLJQZHZhQQwIESjCtphy1QHLUMZUJKyHJkoQIQRXbJFQzm0u3JrkeOHR+91yGlCfROm6JI5NqN6iNbIuDb7ijiOmOGR1cmLlICM6ckYKiADEvA6B8w0XeihYNXAYDlu0UTeH0j1NokEthQTxAedqawAkQToW0QAyJlAQT+P7WuABqEXiAASBIkiJZlcG+V4klVBVValjVSR4vQlwSQPa1J4vZhsO5PR+0LlCwA7JipxjjrfU0UNWQ9WoNOr8IJ-sKX+zpZw0ixVGKAo5dCkkfs+X6sZfeXi4r7X2jZFo3e86uwAOGdlQizLSrsUFahGZzbIrwUjaxb4iR-sMCFfxbmjSxi1E9la8yW7kRrgZE0mcQjeSClkBKGTNQuInJI3M9Bhg7Rwy+u+x8sAUAIDvYw8pm9anwefb5ZDwGMP93I6I5DxbIAMPWMXB97HhS4fTgR6pp9EPCmMVKPugAmoDQgAAvAxDPE7EtJQZXasIPj1ihJpRNhlGVGooli3ayca1QDrfzcVWhHALNdsPNAQxJfS6XY4bA0wF32eRRrpApH0XWgsLTT4WrdxG7guCSEaRvg87CaetOXIGZ23N1AY3z6aAcgFKQHX0xDdu7gh7r3Pv61gCQJUds5C67O7N+UC3vlfj4ANjAMA31vckB198K+7ZWG6HEJESGkMUCi2wAAKkfdMJQhetDpGr58cQYphC6GmHrFANBIZM7npDOeTbsBt472gSGABOLvPey-pDnmAUvNxRZaDLy3xvzf0haF0G6QgGrBeqCswoCx9nIbrRoG6ezqhMwXYYe2ZRKBCC4GUOv6V0NHEEOqvECsSKW7iD1CjRa0mXmgwUDBY8DVIkStG0OJGIDACVAkAOGACMOoAoFiTpX0YACALQaGdoCAL0OAdAbAcVcQGA1UbENuboOoOsLJU4IGEGKVDAfAtUdgIg+oSGLAnAcVfnVoX-JIf-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-eU0-YpEKLwofIdtCeBR+wANSpxR8vxREs5YAMbIMAKK91mzIYlAXACQKsZBKwjDIgFZVxq-mAieSeyem1m-W-2+u-M-s-FDc-zCC+u-9ze1e-++whB+rwyoVdI+vFhNxQCRSp3NH1hMY-nlzIYlBK0qs+FDQYV-jj9pyYi-9tj-S-FekrK+pj-vmA5YLyQHmRmB4RIBQttDsETwAJJUF+gMJfqDAsKYA3+2-fgLv2Mr7RV0aFIWB72lrpAJ2TaDvirwvA4I4AFgDPpbxIgn97ovmAtAQTMIv9fesMIJFoC-KL9H+SQIJNB3bAK8LsFfWcH-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-5ImnaDm1-gBqOgO2FhTm1wCN82GIFGvpKQIkSlNcNsTdB1it5Ag0bE3O0nSzCM4knii3M5J9znZ40oQTaNEGz82+3su2b7OKD+ztmM89aRzNDCHTh0EEvmdHNTYbyJZCcq6QDMfwQA0wtbOPJGnYDyoShiCruYSFTn3QskN4j6cArkny1UJqQMECwpAAySQFHC5nKkEaQ8K1wIUElD9MVScLH8VSTtvgHUKRx5EFC60ICMCSvMJZSiqhfKn4ZiL1ArIhFO3JDJ-Z7Z-fV3Cou6DoFTF-ALRa-OaDvy8yBi7EU5wzliT2Fv0jwlLOknrh+FZgF6bCgzmiLVQ6gHiuB1-nmoGECtTVLfPyxuh2wmqJYsrP+JBYNZYjLWf9Fpy6y4ZzM5ApYuoWqLWgGisxacDXDjAr4ei55FKnbCtUTZygzFJpPyy059sUqHJfKgsWULCl-DEpSQDKUZQbpVS-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-bGWFIX44IrwlfH-jy45GQ4wwCyRjjcy2iGcdDY0NqiATaZKkk6GBxpgbx0EcrPDF9Bo4RYRY9MhWPthFj-q7lGTrX0ZRuUMUCYzKB7BwmR6niSk0-vbCg6qTrUW6VQEgQMmucmQdk-c2KiPp2TrJjAC8fX37ZKTgp+YSyZ-2nNxTF1PFI5rXB9l-ojivoEoBZjAMWYCrIsCqe2NNAziKGEAJcNeF74D8dwqxGYD8TWZGtZgCwCoi6AAQ+g8k1bDUGejqB1Qge2AJ6ee2CALQ+udA02gFAvIgkXMboFfE2rlBj8XgBVojVLL08VEvOmyHLFtq21zWvOk-OoCUB55IgzAUvCvnXzxg64Xdb9g0Bbggbt0cwPFaoBny95S86QTM1-HbDFpqUn29o9qve1a6qAXRpEEWDMhqhU8boA1HOU1PmxtT5sIOmkjlX3cmtIAaULCIcwwiygpAOc7wFtVmAvuGeMRUasGR9bVADAZsHOcIB0AutOxYGFQAnDHnuTBSOc8opoBzmuSc51gFADvPclHzY0x86+c3MgBeAcAOcxnjXg8U1y35nYiebPME4MUS51QBeavM-nDzD5n85QvoBzmwAJTGHFWB2I4gSUcFnYhyCfMgBcADAcEMDH1ykWSw3gcoPriotIRgQAZii2kFGPUpRjrjVgHhDSBsXmLGEDi3hG8CcQSLhAfXFMG4vwB2LNAfXHRfYs5AJLBjdi4JeACSWGLVFhS7JYYvsAmLOIbizhAQhqXOLml1xuhAoveBf8RR6YfSMEz-j8ELcPCjxrVVy6FUI5Z7JoUKRc67kSRU4C5aFwiNdKAFKkg1vQa5yOJCLchLuzVZwDgYm8y6sontBgA8CMnMAI52UAwBWSXU9IFSDAAABSRwMUBhhtSTW3ZzIrgDzafhsWzySNM8WOMtx-LWwn85Wa2Ls62dOxJsxxPwRbyB+VWO3TB3vgmjxmnWqZvfBqGVItcmM0cOB01T3w8K+2IkgBS3nFjMQzl22BwT42fBpr3RPy3aZqJ4p6UOvTLMNgdUAr6w9c7o70VMuUT6RK4fGgmAuy5454mzFAE2nbxM4+8D1gfMPi7xIBx8k+afCoGEBT4W4M+Z4L6FUCfAAA5DPhBvYBfQIN03HPHF5mTpgq+QgI4nITOEGNC0eRL0TNyi628gRF4NIiW60R18JGRzWkxcKwgIprUu7T2pp08SetqbQgIEQGJ1kUA6sXdQzbcBs2UAqRSWXAFtwXAGbmU3m9aUK2NIpt7oJIDrJJ2kpSA6NfTq0ECjmc0tPSMW2ph1kP9sIsSS6kMlRvoiKl4yJQBaD9yy7Uc8ui0LjeDIwnAUtnGTlCiQIwpnOqKRxLiipBugsrOVwTKsS4kPd6MYwA4r5G1W2lcArqaOpzo4JLjE6LyJq3zq-hOkUAdATXP4UhvqkSrxt4jNMGku8gkApQaYF4S7agxb5HnUGIiFvlIAvC5ROOyRBeQp3tV6dpAKWjmvrxE7W6iu0dJeQ3aK76pBu-IH2iNIdb8BQxV4m9T+2nt-SXG5xOWxVs2sVpOckkAFCmxkUAoCEoWOQD4Ai7KaIrCWKxAoAIAS9kGyDaRgxBvg+95eyDaFgxBsmy9pAFyJ921Cxi1lbnqzztR6mk1UCR8O1UPSSUeT1gK6h-YNO7GA0-ZxQ+tGUOgw1DTaDQ1ocV5f32AQSZ5uHi5PQPYH-Rgwm6AgCl3rcU4Lg8wYZgqJgQoIc1ifihq4OQQ+AcB8HRPxwFHTAhA4K6d4n-UZoiQZtEWC1mI0O+RYeGd4AfZW4Yj051RM8jnM8hngrmY09VaXP5AVEXtqZm6E2o5AFQYRGRwqCQCDSeoNcb4CknJhFg74A9FuHg-wAEP9iQSY0xwHYBUXdAugDkBY+YAcgtY5zKXLoEcBoBHHugT9mecSEiZwxZp8KUQguxbjeHLiucsBd4VeKTlqgAJeIsCcyzsJP0rC+g2zk-TQwW4yYXct5a5ouxKqzMCB3XAwN7odk9x4E08f8BLgEqhTdtTKk6ODGeobQ1IjsgKH1ENORECzkkPvzJDUsfc7+YIICwdiFoiAFOECfAhV6hYQJ78CmN9RcASM06zy3OsXgx6Ej5bLTbp1g5t6Neocszo3xHRhIo0VZ9FaFjObV+VJTYPsVqJG2DwQGDkCBjGlfDoI7Uuyl6FUDd4QAXof-AHBm1JB35CxQxSsk6kJgSBeCfaJEBZzvOoQOIUoNSkKuQM3nfYkMp4BQSkpPEALyFzIjAQ4dvgfPIobdxXNVgXEaPNLVkjsiB0wQ9ofAC0hk74AeE98bEKUFIBqcUA+AIIgmGpe0vsADdrxI0mWHFB1lnwDE984UB-UvOj09VRwQgIX2imJugQ+w5lX-aJcVUuNnnxR2qIxAMdktZ0v5f2Ws4IO68s6lucgB7nXoF528-uaRsZn2CLJkBPF31DehcppUPVQwCtPkabkiGm9h3KERxd6YDe78+pAAuDXQL3Y2NuNdNCFd5rk5pRGte2uXJKNQyAeoV2uuWDZ1DKBFBhdi5Mg8Ln3qK9rkTPUQX1SFh8EoZ2v3JIATyUbZOHFprJrwVmnUZKDeBZNaSSOzOCxL97So8B3AF8zWNySpg+ZSOzU2WZSxygjTAQFnafAFBjJxADxq2LrtjFwjGopAP3s9WsB5USABt5rVKhgBi1SAMjN4DMbpuq5-PIVhDqTlP1qUsIe44anvDnHEQ0kiMRuZ2JaYT3R7g82Oupi1X9iN7i49kBdGYX6h7q09zsSDanUT8H7hVoe5feWqS5f7yqZ+9vfAerlnT-98+7PeZzxNnT8-AB6-eqAZ3ZAE-Eh9PcKj5UpEDiwiBlaXrIGWH5JiqxMJ4eocIonZt2K1TLXgAZKiOmuCQBqZf+LjsqWHmjzCHFzNK1MRxvzJ1xROgJdzRfXc1DbAPOqhD3WQDFibiG4kZ1p8e7oKBJQCAWRz0+UQcfHwvrGJP60+PEqORuaJcLxTiSUBmjqgQfe++QyMmZGXKFcPIjrjIylB3R4ACZ4ICWM-3Fnv7RSHXHvpAw9oErTJ2z0jkFGiwfoKtqgCOISNxQLVEGDxYLRtweE0L34LRWOfnPg5pSG589SWfKJmQZL9OC5gyAXYU4Rw+dRcPKL0vkEPk14gCbuaCQq+wE+RwsukQWItHdVt0VY6ewmiBn4z7l+vTWglz0yTLxSiCFYfiVbahj-Xqw-uaD06KJkoDNJCfHhmzQfoK5p8ntxR9JAIr84fTjKKxPzrFuJGmXhaYhJO2b5eY0sZifpEOXvYx9MUZlf8yFXg5vN8UZLekIrWkyBN4Q9ERPjInhovYR2+XeuYmtW7wN9RCCYzjR7mOMN-rU4wsPkrPFYGGI-Nr6Qra+jxSrjaseQ8-MDfChJY20rePZyluL0AVCCLs6nx2zCFAerKAkIf9ScaeLOav0wGLjDMDGTq8yNQfce6UhHGkLJSl27P7AthtXY4AWj8UwzRz7hCp6TNzsSqakhWWrijbeqFVybajqZyRgJ+TmL5ChVXwFffqFuN93WbOsOGJATViUzAA6s5WPSbIGa38mhajbJTPSOaxaOJhePwmpyEYmZ9EouWf2ijpJAIWQ6swm1PoEcLbC+ivXdYTZt8s08S1jwT1P1h3IhVPKS1OimFfovA6scNUv0Gn9UQtWE-gYLOa93t7fpaYVq5HtyN0EU8bUVPJDJJyTRKOkhWocn-Dwp6U9wAK-SkjP-X7AD-fsgTIAUAIR4r9eKvWHxv+X5wsfI+xxUdr5eB7kYAd9m71LVxz5F98yqGWz0NVTtvfUrrCAIYFp2Ij8+l0xELKZQyytNDIaR8GjxgDbBV+gTmQe8P-HqqMokAZkCyDxCsgjg7Ii5poELrMh9gX-NgCGqkEf9cQz-opCv+9kPdwf+NHssBUQ80NqiX+I9BSBf+zpgODABoEMuAABckEAHAQ1kG-5Ji5oP6wCsjVDCAKWg7t0A9+NgL-5h4BAvZBUw+ZIEDjIPJOt5ii+ZG6DjIGeIaZKOgUgTpQQqQB6ZkA26oFKg8zfE2i8gdOP2Bey7fGZ5zuUZGAATu1zEgACg3gFvqkmRYFqY1Qk5hTo5mSQOICfcTeOkC6AGAODqz+VEvyLSUcwLN7U2t6PM4MY0wE+olu+2OwCOakeriCLa6YJdjCiTgTHDJY90PkaAOdToOaEAw5gSCya4VpQRBBsrvtCloWAK5jtg3ga-qpATugHhIArAPTz4ANAFMAYMCHkgCyaH2jJ6JGqQGTxkYAkHLAdgbdqoAuAzAGgDlBkMGvDNgzAC4Bgw3co4rrgVuDgjOg+QYUHFBKiGUEVBg+NUFEkdQar6kU51Jgz0g1hnwC6G8xsmjrg7yoYyp4JIOMH9mMEM6Bz64dEWDxoUwWZ7hs-wFMH+QRaosGmsdvv5JKAnAlMG+S5rEoBJUUwYmQBwAGHsFtwekLQCkCSgDvqnohGO46OIGjp+D5AgmM0AlAKyBo6hgpQeUGVBvQbUH1B-UAMytBw8u0H7c+SnYDwAYcDABqYqgNPR+Iw8H3CbUQ8BzQK0gId0FVBXiqCFzmSoMxQc0HOlWZaokIQUFFBSxBgAxBwhoRgoA-wW67rw9If8EfAj4IRj-gFoCmJiQ0cM6Bt6Teg5BrwdkFyEE6yiFXochEZtyGkCsQWZL9sdwXBAPByiDvqMMbQVSGdBQIT0H4h-QWYCxuwwbMGJA8wcpiMMGwW6xbB-4CkFpBbIYwxXB42owynBhwRcH7BcEGcHHB-DPPqrBjDBr4eMSDKMFUAhoR2CMMOwSmqdgiht-7IB9UFHZkA5MBMBtuJ+KQgZeFFjAwmAlcrIAvwWQHIBQkGYUzSyAlIFQC5M-ktvBXBngLIBKAsgMo5EsQICQ6iAsgJmE1hc1FiAiiJYTmHVhNYdyB+ASABzSlQ0oFQDCQxvk1oZhNYRnjSARxhzTSgh5AAACZtHOQqmtmP2GthKsini0ILYZ4AmANYdmH0MGoKWHph84Y8hROzqB2FogJYVoANhajBERNhHlrWhTBaJi2FrhsspxACgBgCOGHhSgMeEjeQ4cQDnhYmlLhXhFXDeF0gEAP2CLhqYRkBHhNYSN6NAm4bIBawjjrICl47BnCCM4yQOwC6A0EY47pAsgF6CyAyRI47LhLYS2EUQvIHiBTgNoGmF-h8iFcEAABsCgGMKoIOYqINgD05wQ2gFuJIIlMob6yAUsMbh6AdFloAURuERmF4RGYRRD7ecEGmG1hrYdmE2ADAE2F1wNkHFoT4A4UqC3gHyC5KARzEFJHFQf4faEFMSQOWE1wiYhoCFhnAHAB8RikTWHiAFLqQBGAZka2EyAUFs2E2R84X7Rr4u8KJCEY7MB2EuAaAOUATof4fOE1h-TmIp7GsgHGDII-Un5GthK4Y5GyA70ERFwQDkf5H+Rf5k0Adha4OSQRR84RBG+hqUZYAMOV8FejRRdYT0Dw8sgBbBikIoruAp4ngD5EFRiUTWFRRiUXoCWRJANZGNRrAI4DHhGUaVHAAhEYxGniDUXVEsRm1N1EjeERMWHiAXJLIC6Ax4XTjoWtQI+HyAGoB2FlRb4Y+EDR84XoDtRrUf5HOosgB2HiAdkQUiUQVAIdExwqgGVEbhsqHuF+AK4dSTbR84Q+HDhe0bIAHRN5rKB8Ap0SogXRykVdHfSj0cQC3R00RFHiAL5lNH3Rf4RRGwwZESQBEclYNiBdhJ5gw58A7wn4Baob9FDEZhUUS2EiRp4rVGZhkICegmARMWIAkxxMaIBmAv5uzDlAw7lABMAsjmvDcA4AAzzKRTAI4DJESAI4AAA7LGa+ADAEwC-Q6oBTEVY9aEwBeAuAPOZ+ATALo7msXgEAA)

```js
(function () {
  
  const {innerHTML, html} = window.diff
  
  const state = {
    name: "Anonymous",
    email: "nobody@nowhere.com"
  }

  const actions = {
    changeName: (e) => state.name = e.target.value,
    changeEmail: (e) => state.email = e.target.value
  }
  
  function render() { 
    innerHTML(window.scene, html`
      <style>
        input {
          margin-bottom: 10px;
          display: block;
        }
      </style>
      <h2> 
        Hello ${state.name} <br /> Your email is : ${state.email}
      </h2>
      Name : <input oninput="${actions.changeName}"/>
      Email : <input oninput="${actions.changeEmail}"/>
    `);
    requestAnimationFrame(render);
  }

  render();
  
})();
```