Про Svelte и не только. Что происходит в мире JavaScript ?

[@reze1337]

Весь видос угарал, от души, Мужик

[@nth-prog8562]

Что у вас за дистрибутив линукс?

[@ROX2]

Это Kubuntu

[@nikivanov6900]

21:15 так должно быть. Разделение данных и их визуализация. Сервер данные придумывает, клиент их на экране раскидывает.

[@AlexKato-y7k]

Про реакт прямо в точку. Очень смешно. Спасибо!

[@I248]

жаль что подобного контента нет на каналет

[@petrchebanov6667]

Это бесподобно )))

[@amoradsohlghar9133]

Отличный видос спасибо,! как раз думал попробовать Svelte. Про KDE - правда, сам использую Manjaro + KDE - всё устраивает, пока сам что-то с системой не сделаешь -- ничего не сломается. И да, никсы хороши когда у тебя AMD железо, на lenovo legion (AMD CPU & AMD GPU) проблем никаких, всё просто работает) и в игры играется и работается комфортно =)

[@IlyaTernyavsky]

Можно imgur на превью видео?

[@MrAmmid]

Стоит ли переходить на Java апплеты после закрытия Flash?

[@nth-prog8562]

Как же охуенно вы выражаетесь прямо кайфую)

[@ИванДанилов-з7й]

Чел, ты идеален 🤣

[@georgebush9544]

Почему перестал видео записывать? У тебя очень хорошо получается

[@ДмитрийМаров-г9й]

"ООП на папках"😂. Чел спасибо

[@ИванАукин]

А какое решение у хранения страниц(+page) на других языках/фрейморках? Либо так, либо более запутанная дичь с добавлением магии

[@ИванАукин]

Любой заточеный под бэкенд язык использует такой способ распределения страниц(kotlin, c# .net и т.д)

[@ROX2]

Решение на мой взгляд лежит в области ООП. Ну другими словами - файл с описанием шаблонов и страниц как это было в vue-router и похожих либах. Не согласен что это прям уж магия, но путаницу и неразбериху решает на изи

[@aceracer5556]

17:20 - nuxt есть для SSR если нужно. Есть сборки в режиме SSR у Vue - VitePress тот же

[@samolevich]

Лучший

[@thorvaldholm5424]

Нашел на npm плагин для роутинна, поддерживает SSR роутинг: svelte-routing

[@ROX2]

там есть несколько, но самый продвинутый на мой взгляд тот который копирует api vue-router, единственная раздражающая вещь это то что нативно ahref линками не считает =/

[@alexperemey6046]

Не нужен уже Vuex для Vue. Более того, сейчас Vue вообще может свободно обходиться без специальных Стейт-библиотек, поскольку функциональность store легко пишется за счет Composition API.

[@pavelkres5227]

А в следующий раз можно, пожалуйста, шрифт сделать крупнее? А то на небольшом мониторе вообще ничего не разобрать.

[@ROX2]

да друг, запишу на full hd, в 2к мелковато.

[@goodman8044]

Автор, с роутингом разобрался? Как тебе?

[@ROX2]

Там не в чем особо разбираться, роутинг убогий и представляет из себя "программирование на файлах", особенно доставляет группировка маршрутов. Я пришёл из мира более комплексных и проработанных решений где многие бестпрактисы уже давным давно воплощены в либы и могу только пытаться спроецировать их в искажённом варианте. В целом контроль над ситуацией можно получить если абузить +layout.svelte который инициализируется перед рендером +page, но решение так себе. Забавно что в самом фреймворке предусмотрен server.js , но в исполнении SPA sveltekit его просто игнорирует. из-за этого приложение как бы лишается "бэкенда", хотя в последних патчнотах я видел что мелькали какие то упоминания, мол вроде бы теперь должно работать нормально, но я не проверял. Печально, но соевикам, по видимому, без разницы как структурно у них всё в приложении организованно, предполагаю что поддерживать чужие проекты это ад и боль.

[@alexmarch]

видео несколько назад обзор мышки, сейчас бабах svelt . как так вышло?

[@ROX2]

накипело

[@AlexanderOsnovnoi]

В реакте никогда не было реактивных переменных. Концепция реактивности существует во Vue и Svelte, но в реакте, несмотря на название - реактивности нет

[@alexperemey6046]

Есть однонаправленная и двунаправленная реактивность. Во Vue тоже не для всех элементов двунаправленная. Двунаправленная - это палка о двух концах. В реакт однонаправленная везде.

[@mos220ru]

У меня гештальт был на изучение React. По ощущению только самый упорный может его изучить. Теперь я один из таких. Но он меня бесит, поэтому копаю в сторону Svelte

[@ROX2]

Всё правильно. в конце концов какие то технологии нужно знать хотя бы для того, что бы понимать когда не стоит их использовать :)

[@-foxy1859]

А на чем еще писать фронт, кроме js ? Какой лучше фрейм ?

[@ROX2]

Раньше был Flash и Silverlight :) Но как понимаешь их не осталось - фронт един только js. Другое дело что есть некоторые альтернативы, но это направление пока ещё слишком свежо и применение в продакшене у него очень ограничено. как пример в ролике я рассказал про Livewire и Inertia.

[@chelmyaso]

Blazor от Microsoft, позволяет наплевать на JS во множестве случаев

[@Akella7979]

На rust, tauri😊

[@EvgeniyYatsenko]

@@chelmyaso запилил на Blazor пару проектов - все счастливы))

[@WellKnown-ud3jt]

Мужик, записывай еще

[@djoezi3662]

зоом делай братан зоооом

[@ROX2]

сори, монитор очень большой

[@ИмяФамилия-х4в1е]

А что в не понравилось в React и JSX? На мой взгляд, это вообще лучшее, что с фронтендом случалось)

[@ROX2]

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

[@alexperemey6046]

Хотя бы то, что нарушается базовый принцип разделения логики и представления. Верстка внутри javascript кода - это вообще за гранью адекватного программирования.

[@АлександрСкиталец-ц7р]

@@alexperemey6046 не пиши jsx. Пиши вёрстку на чистом js. Почитай зачем существует jsx. Во вью и ангуляр самый топ писать не понятный синтаксис для циклов html элементов, условия и т. д.

[@aceracer5556]

синтаксис сравни с тем же Vue, посмотришь на сколько код чище читается

[@alexperemey6046]

@@АлександрСкиталец-ц7р Верстка на чистом жс? Ты издеваешься? И какой же он непонятный, если это типичная разновидность шаблонизатора ). ?

[@talas12341]

чувак, ты когда пишешь видос, принимай во внимание, такую маленькую, ну совсем маленькую вещь, что иногда твои видосы смотрят с телефона (неожиданно, правда) . и там вообще нихрена ничего не понятно.

[@ROX2]

соре, у меня экран 2к, тут и на десктопе не всем будет видно

[@aceracer5556]

Шрифт бы по крупнее, не все сидят на 27" мониторах

[@kirill.svetlov]

Нормально рассказал, поржал!

[@smykoil]

Было упомянуто следующее утверждение: в жс появились классы, а жсеры всё равно используют функциональное программирование.. Посмеялся с этого.. Я сам не сказать фронтендер, не сказать бекендер - и там, и там понемногу, но даже мне смешно слышать такое.. ООП в жс было, вроде как, с самого начала, еще до классов, но немного другое.. Текущая ситуацию, где ООП на классах популярнее, чем прототипное, случилась из-за стечения обстоятельств и нельзя назвать классовое ООП лучшим, по сравнению с прототипным. И это не относится к "функциональному программированию" никак, это вообще отдельная тема.. А то, что в жс добавили классы, это недоразумение, такого не должно было случиться.. Это всё для того, чтобы не жсерам было проще писать на жс, но адекватной причиной это нельзя назвать, язык от этого пострадал. Вообще надо сказать, что многие жсеры не понимают, что такое функциональное программирование, и конечно же не используют его.. И считать функциональное программирование глупостью - очень странно, тем более без понимания этого термина.. В общем, стоит сначала разобраться в терминах, потом смеяться над кем-то, иначе смеяться будут над тобой..

[@ROX2]

соре если обидел

[@smykoil]

@@ROX2 да не, мужик, какие обиды.. мне весело было послушать.. тем более, с некоторыми утверждениями я согласен. ситуация с ssr мне тоже не нравится, сплошной костыль.. редакс - помойка..

[@genaposikin4330]

Спасибо за видео 😂😂🤣 на пальцах пояснил за svelte. Выглядит не плохо, жаль что, maintainer наркоман💉💊.

[@ROX2]

не такой уж наркоман, скорее ленивый, либо ждёт спонсоров

[@genaposikin4330]

@@ROX2 не знаю, но я сегодня весь день искал инфу по svelte, и многие были не давольны им(maintainer). Кто-то даже советовал SolidJs, говоря про то что в SolidJs maintainer адекватный в отличии от svelte. Но мне не понравился там синтаксис, он похож на react.

[@ROX2]

@@genaposikin4330 не советую, максимум взгляни на EmberJS, но там порог вхождения не маленький.

[@genaposikin4330]

@@ROX2 Спасибо за совет, но мне нужно что-то маленькое и с нормальным SSR без nodejs сбоку, поэтому решил выбрать Alpine.js.

[@ROX2]

@@genaposikin4330 у альпина есть своя ниша, я думаю что аналог или частичная замена jquery

[@ArmApric0t]

"В энтерпрайзе отказываются от Angular". Спасибо, посмеялся

[@silent-do]

Можно иметь Vue SSR и без Nuxt.js. Vite умеет делать клиентский и серверный бандл. Серверный бандл прогоняется через renderToString. Клиентский бандл подхватывает window.__INIT_STATE__. При этом используются только штатные средства Vue. Конечно, все немного сложнее, но не рокетсайнс. Кстати, SvelteKit тоже не обязательный для SSR, в данном случае используется также чистый Svelte+Vite. После разнообразных тестов выбрал Vue. Хоть у Svelte размер клиентского бандла гораздо меньше чем у Vue, но RPS для серверного бандла у Svelte неожиданно оказался в несколько раз меньше.

[@ВиталикВиршин]

за год ничего не изменилось

[@ROX2]

всё так, выход 5 версии должен был произойти ещё в конце 23 года, а тут альфа со слов рыжего только в прошлом месяце в статус кандидат релиза вышла и ещё пол года будет минимум

[@виртуоз_ру]

Сейчас Vue 3 огонь с его composition api. Для хранилища pinia, так же в composition api. И всё это на сборщике Vite. Сейчас использую Nuxt 3. В нём уже есть собственное хранилище. В общем кайфую.

[@ROX2]

Да, это всё очень похоже, но дьявол кроется в деталях - в vue очень много лишних телодвижений, даже с учётом композишена и pinia, например пиниа не умеет полностью обновлять своё состояние до пустого объекта и какие то параметры там должны быть определены изначально и сторы пинии нельзя сразу инициализировать через магическую $, попробуй Svelte - ты просто не поверишь что так бывает.

[@Progress1987tomaR]

@@ROX2 магический $ во vue называется computed и watch