Чем можно заменить Angular1?

Question

[Макс]

Привет всем. Есть сайты на которые нужно вставлять динамически компоненты, типа корзины, автокомплита и т.д.
Поскольку поскольку современные React и Angular10 по сути юзаются как SPA, то на них очень проблематично пилить мелкие компоненты, который в дальнейшем придется точечно инжектить в разные места страницы. В первом ангуляре можно было написать несколько директив и пару контроллеров и вставляй их куда хочешь. Но поскольку он уже труп да и громоздкий, может есть более лучшие альтернативы? После Реакта не хочется о jQuery руки марать :)

Comments

[Дмитрий Кузнецов]

VUE JS/NUXT?

[Макс]

Дмитрий Кузнецов, NUXT это тот же VUE, только с бэкндом вроде, как Next для Реакта.
По идее Вью придется билдить каким-нибудь вебпаком, он вроде умеет вешаться на DOM по ID, но и с реактом это можно сделать, если вызывать несколько раз ReactDOM.render(), типа

ReactDOM.render(<Cart>, document.getElementById('cart'));
ReactDOM.render(<Autocomplete>, document.getElementById('autocomplete')); //если автокомплиты могут быть разные, то тут наверное придется брать на по ID а по дата аттирбутам наверное

В ангуляре было достаточно просто навесить директиву и все готово.

Answer 1

[Lynn «Кофеман»]

https://svelte.dev/
Сейчас Svelte входит в моду.

https://dev.to/dimfeld/embedding-svelte-components...

Comments

[Макс]

а там компоненты могут между собой общаться если это не SPA, а точные мини компоненты разбросанные по всей странице?

[Lynn «Кофеман»]

Макс, общаться напрямую скорее нет, но есть stores
https://svelte.dev/tutorial/writable-stores

[Макс]

Lynn «Кофеман», Если смотреть в парадигме реакта, то в целом это выглядит как

const store = createStore(reducer);

ReactDOM.render(<Provider store={store}><Cart /></Provider>, document.getElementById('cart'));
ReactDOM.render(<Provider store={store}><Order /></Provider>, document.getElementById('order'));

Только вот не понятно, как эта схема будет работать для списка товаров. Скорее всего будет как в вашем примере, где будет цикл через дата аттирбуты и с прокидыванием дефолтных значений в пропсы.

Answer 2

[depode]

Присмотритесь к Vue. Я люблю реакт, но бывают проекты с рендерингом на сервере, и тогда вью больше подходит.