isumix Aug 23 at 00:12

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

4 min

12K

JavaScript*Angular*ReactJS*VueJS*TypeScript*

Tutorial

+12

Comments 41

Worst_su Aug 23 at 01:15

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

aleksandy Aug 23 at 06:06

Или так

isumix Aug 23 at 23:29

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

UFO just landed and posted this here

gmtd Aug 23 at 06:06

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

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

UFO just landed and posted this here

gmtd Aug 23 at 09:57

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

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

UFO just landed and posted this here

isumix Aug 24 at 00:06

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

KwI Aug 24 at 17:12

Как это?

isumix Aug 26 at 20:17

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

isumix Aug 24 at 00:08

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

Gary_Ihar Aug 24 at 08:08

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

alexnozer Aug 23 at 20:22

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

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

isumix Aug 23 at 23:55

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

alexnozer Aug 24 at 00:40

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

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

isumix Aug 26 at 20:52

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

isumix Aug 24 at 00:12

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

stvoid Aug 23 at 02:26

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

UFO just landed and posted this here

aleksandy Aug 23 at 06:07

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

UFO just landed and posted this here

meonsou Aug 23 at 10:29

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

UFO just landed and posted this here

isumix Aug 24 at 00:00

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

isumix Aug 23 at 23:59

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

gmtd Aug 23 at 06:04

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

isumix Aug 24 at 00:02

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

francyfox Aug 23 at 07:12

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

isumix Aug 23 at 23:40

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

VoodooCat Aug 25 at 22:54

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

DarthVictor Aug 23 at 08:33

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

isumix Aug 23 at 23:49

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

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

eddilou Aug 26 at 08:15

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

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

UFO just landed and posted this here

eddilou Sep 3 at 16:21

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

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

mint_K Aug 26 at 20:38

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

isumix Aug 26 at 20:46

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

OldVitus Oct 5 at 22:17

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

isumix Oct 6 at 09:23

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

isumix Oct 6 at 09:22