Для вашего следующего веб-приложения, почему бы не попытаться сделать его без использования фреймворка?
Как написано в этой статье, основная причина существования фреймворков — поддерживать синхронизацию пользовательского интерфейса с состоянием. Но в этом нам может помочь использование простой библиотеки виртуального дома!
🎨 Просмотр функций
Ваши представления должны быть плоскими функциями, которые возвращают виртуальный DOM. Пересчитывайте Vdom-дерево для всего вашего приложения при каждом рендере. Сделайте так, чтобы ваше приложение автоматически отображало некоторые распространенные события dom, такие как oninput или onclick, если хотите.
🏭 Модельные фабрики
Ваши модели должны быть простыми старыми объектами javascript. Используйте фабричные функции для их создания и поместите фабричную функцию в тот же модуль, что и функцию просмотра. Вызовите функцию представления с соответствующей моделью и измените модель с помощью событий из представления.
👁️ Прекратите использовать классы и css
Вместо этого используйте строки шаблонов для создания строк силестров. Если вы что-то меняете в своих приложениях, вы не хотите уничтожать что-то еще. Держите компоненты изолированными и подключаемыми. Используя строки шаблонов, вы можете просто скопировать и вставить стиль из инспектора.
Вывод
Вы можете получить почти такой же опыт без фреймворка. Почему бы не попробовать? 😺
https://github.com/cjh9/NoMoreFrameworksJS
