Htmlix — это микро фреймворк для построения фронтенд на javascript.

Полное приложение todo mvc можно посмотреть по ссылке: github.com/MihailMaksaev127/htmlix_examples
в файлах todo.html, /js/todo-mvc.js

Для подключения файлов в проект нужно скопровать папку htmlix по указанной выше ссылке,
пока что данный фремворк находится в тестовой версии, однако уже сейчас позволяет решать типовые задачи фронтенд разработки.

htmlix — микро фреймфорк на основе data- свойств. Из преймуществ это маленький размер, возможность четко структурировать код, наличие пользовательских событий для обновления DOM а также серверный рендеринг на всех языках по умолчанию, т. к. встраивается в существующюю структуру Html файла.

Создадим контейнер todo

В Html:

После data- идет название контейнера, в кавычках мы пишем что тип элемента — контейнер.

В javascript:

Для начала создадим объект описания приложения и в нем создадим наш контейнер:

     var State = {
         todo: { /*название нашего элемента (если бы наш контейнер был в массиве то здесь было бы имя массива)*/

            container: "todo",   /* название нашего контейнера */
            props: [],     
            methods: {    
            }
         }
     }
     var HM = new HTMLixState(State); /* теперь создаем экземпляр приложения передав ему в качестве параметра наш объект*/

props — пока что у нас просто контейнер не содержащий свойств, объявлять переменную props обязательно

methods — здесь будут методы для событий которые будут слушать переменные, объявлять обязательно;

теперь у нас есть контейнер который ничего не делает, дале добавим в него свойства.
Читать дальше ->

https://habr.com/ru/post/456708/?utm_source=habrahabr&utm_medium=rss&utm_campaign=456708