В 2021 году я разработал свой собственный компонентно модульный фреймворк TB JS, который себя очень хорошо проявил при крупных разработках сервисных систем (CRM, онлайн сервисы, игры и прочее).

Главное преимущество Фреймворка заключается в написании оптимизированного кода. Он состоит из нескольких частей. Оптимизация CSS и JS.

Оптимизация CSS

Все мы привыкли писать код CSS по примеру такого кода
.container{
padding: 20px;
margin: 10px;
font-size: 12px;
}
.container2{
padding: 20px;
font-size: 12px;
}
Вы задумывались когда-то сколько повторяется Ваша команда padding с одинаковым значением на протяжении всего написания кода CSS? Может 10-ки, а то и 100-ни раз. Теперь подумайте, сколько команд с одинаковым значением CSS повторяются ещё? А теперь представьте, что написать его можно один раз и применять ко всем элементам структуры HTML, где он должен встречаться. По сути фреймворк сокращает CSS код на 80% меньше при сборке (разработке) веб приложения. Это не фантастика, это идея, которую я воплотил в жизнь. Мне не нужно писать CSS код система его пишет самостоятельно, я просто задаю правила в виде команды в классах. Так же есть возможность писать состояния и гибко обращаться к дочерним элементам. Адаптация тоже пишется с коробки компонента.

По факту при разработке приложений на Фреймворке TB JS, Вы получаете отличный инструмент, на котором ещё и удобно писать. Он простой, эффективный, быстрый и легко интегрируемый с другими расширениями и приложениями.

Оптимизация JS

Все кто занимается веб разработкой, на компонентно-модульных системах, к примеру React, знают, что благодаря компонентам можно выстраивать архитектуру без повторяющегося кода. Это и есть оптимизация JS. Но зачастую команда разработчиков пишет компоненты под каждый проект с нуля, а я использую шаблоны разработанные на компонентах. То есть, существуют готовые компоненты - кнопки, поля ввода, текста, картинки, структура и прочее, на которых собирается каркас структуры проекта (архитектура). Допустим у меня есть красная кнопка с белым текстом. На неё я вешаю состояния, стилизацию и прочее. Создаю функцию шаблона (где он собирается), помещаю текст в переменную и действия нажатия на кнопку и вызываю функцию шаблона из модуля. У меня получается одна строка с функцией, вместо кода компонента в 5 строк. соответственно если он повторяется в другом месте это ещё 5 строк, а с помощью шаблона я вызываю в этом месте уже готовый код. Таким образом JS с большой функциональностью весит очень мало и формируется в виде одной команды.

Мобильное приложение

Ещё одна изюминка Фреймворка TB JS это кроссплатформенность. Разработав веб приложение для браузера, я легко могу интегрировать код в мобильное приложение и мне нет необходимости заниматься разработкой мобильного приложения с нуля. Так же и в ПО для windows и прочие. Разработав веб приложение, считай у Вас уже есть мобильное и десктоп приложение. Вам нет необходимости разрабатывать код отдельно под разное ПО, Вы просто делаете merge с готового кода веб версии.

Итог

Фреймворк TB JS отлично подходит для архитектурных решений написания CRM систем, онлайн сервисов и прочее. Менее подходит для разработки лэндингов, сайтов визиток и других мелких систем. Не потому, что нельзя их сделать, а из за своей динамической архитектурности. Весь код выстраивается на JS и для СЕО оптимизации придётся использовать рендеринг в Яндекс и Google аналитике, чтоб робот читал данные сайта. Можно конечно сделать и full-stack систему объединив текущий фреймворк и допустим backend на PHP в общую структуру, тем более чтоб админ панель есть и все необходимые составляющие. Возможно когда-то я дойду и до этого...