В статьях Замена JSX шаблонными литералами и Легкое создание HTML-шаблонов с помощью TLX мы представили TLX , интерфейсную библиотеку, которая объединяет ключевые функции React и Vue в одну небольшую библиотеку. В этой статье мы расскажем о директивах атрибутов, поддерживаемых TLX, а также о том, как добавить собственные директивы всего в одну строчку кода! TLX поддерживает следующие встроенные директивы: state который, как вы уже догадались, устанавливает состояние данных..

За последние несколько месяцев доступность простого в использовании встроенного JSX без процесса сборки уменьшилась. Сначала React удалил прямую поддержку, а затем Babel удалил поддержку из своей клиентской библиотеки. Есть множество причин для запуска процесса сборки основных веб- и мобильных приложений; однако бывают случаи, когда это неудобно или неудобно. Благодаря использованию TLX, литералы шаблонов могут использоваться в качестве замены JSX с помощью React, Preact и других..

Как и в Vue, директивы атрибутов в TLX могут принимать аргументы с разделителями «:». В этой статье показано, как создать собственные директивы настраиваемых атрибутов, которые принимают аргументы, путем реализации директивы a t-bind , которая делает то же самое, что и v-bind . Помимо возможностей Vue, статья также иллюстрирует, как сами аргументы директивы атрибута могут быть динамическими, то есть вы можете сделать что-то вроде этого: <div..