A React Like Functional HTML Library in less than 20 lines !!!
Published: 2020-08-12 07:23:33

Jean-Jacque Dubray is an awesome guy. He is the author of the famous [SAM pattern](https://sam.js.org/)

Here is one of his little gem :

{% codepen https://codepen.io/sam-pattern/pen/qPXaqB %}

You can also play with it here : [ReactLike](https://flems.io/#0=N4IgtglgJlA2CmIBcBWAbAOhQRgDQgDMIEBnZAbVADsBDMRJEDACwBcxYR8BjAeytbwByEAB4oEAG4ACbrBokSAXgA6IPgJoQq8AE4BaArACu0aQCtjYAEa9Wu-moB8KqtOnips+YtUgHAO7Oru7unjJyCspq3DS6UGrSJKwAngh+AdCszEjSAEwADLrwYADcwW6hYRIRPtHqcVD6tlApFVVVoswALN5RfrHx+qwQrAjOAMqsNIKkJNIAwrxgAA78QqyiAPQ9LpUdHsy6ewfVXpG+MbywidB+zPCwsLzO2zVO0iGnXcdfB6I0aRHeAEPwAYkSF3qgyasG0AGtnAQHGBpAAleA0bisaQTOgrBDSMHYbY0E4dN5SclhLbvP4eGp9S4NeKJZJpeAZLI5fJFErlEDU0LhJnQxrNXitdrfHqigbikZjeCTaaCAjGWCLZZrHQCba7emdI5CzqMqEDa63KB+Eb0XSvWlUw3C43OsKA4GgtQQkBymLiuFURGC5HLdGY7G4-GEsF5UkmjyOyRCynJ+ki83+1m+9npNSZKDZXKFYplaWm851eVDFptQVuw69TMspqK8aCparXgkUYQfj67oJsKu-YUs1Vq43X13NSsSUvQWpoceD3FL0gH1+lv6QPBpyh1EYrE4vGrGMAZnjzqX6aTKfH-SzCRzqTzIALRd5pYFCYzE+3tblhSsrNjCwyjO2TgALJxPCUC8AEVADsuPwoQ+zJ8FO0gzuAsHwYhDp0qOnSriC4KQv+YG7kiKLhseUZnvARLdFexGJkRnR3l8N5IXeXAgCQjzwNifZUGQjCFEg3TdCAAC+uDUHQDBMOYZA8PwgjCIwWw6bpen6QZhlGcZJmmcZrg6dIACCdGRgAMhA8JMQAYsYVAifwNCagAEgAKlBdnSA51i6HEKTSNkMxJMYKxrLorDzMkMxCYo0g0FQUBJKqIIap8VCWXwXa6glaXzAEjyagosjausAjVV2PYjPw2FuHMEXMOlvLSIG8AkBZWyuAgOLFBlejSEo0jqu5TVuAAFIVOobLgLWjFMyXjdIwDydIYC8G5rAAHKSkxE0AOQ0LFp0AJSbV82irdlGAjVAY0TVNHlULNWXJRiKzFIJmgzctvArDN8wTVt0g3cA9IaMk33xRts0g2DGAELw3DGCQN0APzSPBmP0AIGAAObwKwACiCBE6wABCKQAJJQMjoOiSQaMY1jV0YIJCAfWtiO5AU5SjrNBNWBspPk1TJQbPTTOzbt+1HS9N0AD5q5tsnc9oOi6H5AUbUlgi-f9GwzKJ9IQAQ0gs6j6OY9jt1sUNk0beLNNS5T1Ny4zzMo2zHOO1dzoEDzQn89MiMTUl8Wh0HWOzSHo6yV8qdUF8rvG-Apu9ebM0bQttWsLN92sGtgjJ3dVAPclT1CC9uizbNqQrPAvA29nucA6qonjUoZ3vTNp1Q9IeNd-Af154DolJ9IuQT1PPcW-wyfp4N5MtZpOJvW5H2l8tBDQ18mQZQh5AQNIGvSKdAD6p0ALobTbrjr1QruSF5xgnZNe8zbNjxj6VGKKwYwug3Ae0lmTb2ssBDy2ZoAjAn8TDKioOnMyGDMFYOwfpVw-UcEEMIYQ-q0gKYAA9oy9VtgeIErBWArCQDpYox5VIYF4LoEmycdIkO8hVXgUFeokBoGTXIFcUrzE7ItAQ-UN44l4U8fhgjhE-1msAWg9BtbjQ+AAA3kc8aQAASNRSlZLaLwflLY0hfIQDtKI7K6pNSSOLrbKgdhpDFEKkTF6UBlpYyYoCHsVASYIH0NnYYxQmLW2kGsRQEBrAIGTq7axdpn5-1nsAQSGgoAkGWs9PQmiYaVCztlDaGThL8Gybkhu+TzHuFdiMbg8JUnTT7nPQpVRs7hyyfMAA1BNbA9JOl5KbsUJe+dZ5XWTu4N+dTN7aEELoZBRtyYMwEHoZBzcbpKA+A0+ESdlrYAKEcquRTN6jLNjPZqE057bOkNoiY5SMokFyEYzpmSKkkFMbU9x5MwFuHOdPXujg0HmMsr5ecdjkoOK1EVDY0gekwqkTiJxjVLbv03uC+CVlYrNP3sAYZBTM6b2zqU7CggwDPOkOQB+y1BBkNYEgU6p0qmjV0NIdO7hq7by+moGgMBMULkPmk-gACgFVDhjiHQAQGbktKc6OlDLpDIO-rNWc8B6VqCurgZ00BcgABE66uICEnekHLQidNGCUdmKwsbMFmlKmVJQpnmsegqjaTLBmPWGbNAFy9-6TPpCAv5k0vKCTTic2Zw1J4XKBW4a5WydHXg4jKQcvkADyeq03IQbEYgVDlkiqMtRSpAFryWfKuma-46NdCon4CQYw1hICsD8HyqAAqTX1jYp0bQNqcQ4QVYkZVnJXmuvVawWSy4wjWGMHQ-gk7rIwCJCOuuRb2YICCdkeF0hsCVu+Fsads6qAoS2NWsAv47xmIzsA354CfljMuVe9BljvIIWkJiEg4UIDzFGBFXgO09p1Q9OlOAY1mqAm4MwYgmUhI0xxiQqq77wpVRWFEbQJM0pZV0GhgAhFYh41VdD-R1BIIJW8NgkNiG4awTEXqRGKJldKKQAgPGKMtFIVCUh7VkJ1ew4VshfrSjiZgyx4DYdkVY+c+ad622AKu4G7k4SNM0bcy9nQNQJiMaujAYALql1lSp0QcJpBORSH4TT5KMDQFTr6IxyMFMQEabjO5-A5AOfhGZ4ALnFPwlkrNczJRLNQG1mobR887naInf5sAGAFWyW2HCJw2iK23nU5e8TMFdBwQQlQCmEg5xst3i0kVwAXoEBoBqVgAA1L+8AWWN0JacnEJKIZKpq7kUr5XYBVZq1fTWp1fIpDbkkET0gABUOnMv4SoKNoEehRPMp+ay9l3zXY9pnRtNQYAXpqC5RsVVIAOoZQQAsQ7ZM1BCqK3NMVLq65Do2kO0uVBe3OvcEM6pIzo2ApXp9LVm0HZY1yGt8dL2fmgNvWV2AYbKjBave4CVO1MoTSleGCb8IaDxPgEnEWRKo33tjUjBNdzrzMHPE4VZvb9Sk+vAquImJsLWjUJpp7M7rPSH4ED+4wHjuncxyHQUy7BBIJq3FrYNPmG-hJ04NNM6Kc7Cp2xcIGngBbfrqy2anSh3JYV1xNiqnQfBt9eM4Fb8SF6q-QSGg4UnHFT6lQb1Xw9GKMUMo5aXxjH0FyGoAAUulZUclXeVDUA8BRO2qAnPt5UZJehlplO6ULeSXxZw2L0KH8P73VWR-nNilYMeE+B5AHOeCqfzER-cBlrLiFcujHYbn7V+fUdTdT-xXmwkwYiGwNgPISACj+8UvQEQGBuCKH4hobeIg5I0pALucSlAQDqOUqWWC6OEAYFUvxMBnBGBsHoc8nS3AoBUFYXIPaUAjC08H8sLYNBzA0DIVsOE1gSBbEX5l5f8AtjYAwAAdgwNgZ-JQl8MdV81IC9BtlISBuAsNQYJ9ZIgA)