isumix 23 авг в 00:12

Новый фронтенд-фреймворк?

4 мин

12K

JavaScript*Angular*ReactJS*VueJS*TypeScript*

Туториал

+12

Комментарии 41

Worst_su 23 авг в 01:15

Вот так и хочется воскликнуть, узрев очередной фреймворк

aleksandy 23 авг в 06:06

Или так

isumix 23 авг в 23:29

Так не фреймворк жеж, а 1 функция если через JSX ))

НЛО прилетело и опубликовало эту надпись здесь

gmtd 23 авг в 06:06

Веб-компонентам кое-чего не хватает для комфортной разработки на них.

Байндинга с шаблоном, директив в шаблоне, реактивных переменных, не строковых пропсов. Добавляем это и получаем Vue

НЛО прилетело и опубликовало эту надпись здесь

gmtd 23 авг в 09:57

Для приложений уровня разобранных в этой статье это подходит, да
Для чего-то более серьезного - не очень

Ну и я забыл роутинг клиентский

НЛО прилетело и опубликовало эту надпись здесь

isumix 24 авг в 00:06

В наше время библиотеки и обертки для роутинга уже не так актуальны. Любой роутинг делается в 2 строчки кода.

KwI 24 авг в 17:12

Как это?

isumix 26 авг в 20:17

слушать window.addEventListener('popstate', ...)
менять history.pushState(...)

isumix 24 авг в 00:08

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

Gary_Ihar 24 авг в 08:08

Ваш пример чутка нерабочий, необходимо расширить до 4 строк кода

alexnozer 23 авг в 20:22

Байндинга с шаблоном, директив в шаблоне, реактивных переменных, не строковых пропсов. Добавляем это и получаем Vue

Или Lit. Он, всё же, by design разработан для создания веб-компонентов и приложений на их базе. Vue всё же был создан несколько для другого, что не отменяет возможности скомпилировать Vue-компонент в веб-компонент.

isumix 23 авг в 23:55

Еще со времен Ангуляра, не понимал в чем фишка директив в шалонах. У нас уже есть один язык программирования ЯваСкрипт, зачем еще один для шаблонов, лишняя ментальная нагрузка.

alexnozer 24 авг в 00:40

На мой взгляд причина та же, почему когда-то в PHP, Java и других языках ушли от шаблонов с вставками кода к шаблонизаторам. Язык даёт слишком большую гибкость и это не всегда нужно.

Об этом говорил создатель Vue в одном из своих докладов.

isumix 26 авг в 20:52

Мне кажется одной из причин такой популярности Реакт это JSX и использование яваскрипт для "шаблонов" и для логики.

isumix 24 авг в 00:12

Фьюзор хорошо подходит для создания и обновления ДОМ внутри стандартных вэб компонентов. Он кстати использует их частично для определения коннекта/дисконнекта к ДОМ.

stvoid 23 авг в 02:26

Так вроде есть Lit уже, может даже не он один.
Я конечно не против, пусть выживет сильнейший, но в чем фича?

НЛО прилетело и опубликовало эту надпись здесь

aleksandy 23 авг в 06:07

Методика проста: фреймворк должен быть лишён фатального недостатка.

НЛО прилетело и опубликовало эту надпись здесь

meonsou 23 авг в 10:29

Фатальный недостаток

НЛО прилетело и опубликовало эту надпись здесь

isumix 24 авг в 00:00

Это наше - всё ))

isumix 23 авг в 23:59

Фьюзор лишь про создание и обновление ДОМ. Ничего другого в нем нет. Но тем не менее я хотел показать что даже с этим набором можно делать все вещи что и с фрэймворками. Тоесть текущие библиотеки переусложнены ИМХО.

gmtd 23 авг в 06:04

Ещё один вы внебрачный сын Реакта

isumix 24 авг в 00:02

Абсолютно! )) Будучи профессиональным разработчиком на Реакт, с него родимого черпаю вдохновение ))

francyfox 23 авг в 07:12

-- Какого моё предназначение мастер?
-- Стать новой реактивной библиотекой
-- Я ведь буду обладать какими-то уникальными фичами и стану лучше чем предшественники?
-- Ммм... Ты мало весишь

isumix 23 авг в 23:40

Одна функция АПИ если создавать через JSX, простота, гибкость и прозрачность, такого у других нет ))

VoodooCat 25 авг в 22:54

Да вы что, весь jsx "интегрируется" с помощью двух функций на любой фреймворк. Зачем ещё один и чем он лучше - совершенно неочевидно...

DarthVictor 23 авг в 08:33

Что-то вроде lit и stenciljs?

isumix 23 авг в 23:49

В них много всего происходит за кадром. Классы менее гибки чем функции. Декораторы. Что-то как-то там работает, не не видно как, много скрытой логики.

В Фьюзере все на поверхности. Определили функцию с данными, создали компонент, обновили, всё. Данные это обычные переменные.

eddilou 26 авг в 08:15

Как можно библиотеку называть фреймворком 🤦🏻‍♂️

Стало быть react тоже Фреймворк 🤣

НЛО прилетело и опубликовало эту надпись здесь

eddilou 3 сен в 16:21

Изучайте для начала https://react.dev/

Даже первой строчкой написано: "React The library for web and native user interfaces"

mint_K 26 авг в 20:38

а какое преимущество эта либа дает в сравнении со старым добрым stenciljs ? (если дает)

isumix 26 авг в 20:46

Я не специалист по Стэнсилу. Но из доков по нему видно что в Стенсиле есть механизм для стейта, пропсов, реактивности и много чего еще. А также нужен компилятор чтобы это скомпилировать чтобы все работало.
Во Фьюзере этого всего нет, только создание и обносление элементов ДОМ. Но в статье показано как с помощью яваскрипта можно легко добавить недостающие элементы. Соответственно сама библиотека гораздо проще и легче. Тоже касается и других фрэймворков.
Надеюсь объяснил суть.

OldVitus 5 окт в 22:17

как всегда - хотелось бы увидеть реализацию "стандартного" приложения, чтобы было с чем сравнить https://todomvc.com/

isumix 6 окт в 09:23

Как раз есть она, там немного переусложнена модель данных, планирую ее рефакторнуть, но модель это отдельная от вида тема, можно было редакс использовать, фьюзор это про вид.
Еще там использована функциональная нотация внесто jsx.
https://github.com/fusorjs/todomvc

isumix 6 окт в 09:22

Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Новый фронтенд-фреймворк?

Комментарии 41

Публикации

Истории