Спасибо, я любитель в вебе, и, уж простите, фанат svelte, ваш рассказ прям как коту варельянка. Смотрел ваши уроки по react, спасибо. Из вашего видео узнал про 2 способа работы с массивом в стэйте, 2-ой способ не знал, спасибо.
Немного дополню: в конструкции {#each} можно использовать {:else}, если массив пришел пустым и тогда не обязательно делать доп. проверку с length. Например: {#each todos as todo (todo.id)} {todo.title} {:else} Задач нет {/each}
А по каким критериям выбирали? Мне после чистого svelte, кит показался какими-то странным в плане архитектуры. Плюс экшены через формы... Но с другими фреймворками из списка я вообще не работал пока.
@ при прочих равных условиях СвелтКит меньше потребляет ресурсов клиентского устройства и наши серверные мощности. В первом случае это привело к лучшей юзабельности на слабых устройствах и при плохом интернете и в связке с GraphQL просто молниеносная загрузка данных (что в свою очередь сильно лучше сказалось на SEO), а во втором случае банально экономит наши затраты на облака.🌥️ Ну и с реактивностью в пятом Свелте всем нам прекрасно и комфортно.
воремя)) Как раз смотрим сейчас в максимально легкий жс инструмент с хорошей реактивностью)) Полезу плотнее изучать до следующего митинга) Очень не хочется на нативЖС целый проект пилить)) а его обсуждали...
@@pika4u380 SolidJS решит ваши проблемы) полностью react-like синтаксис, но на сигналах. почему-то Михаил активно обходит обе темы - и SolidJS, и Signals от команды Preact. зато вон Svelte у него реакт на стероидах)
Спасибо, прям вовремя 😁. Как раз нужно написать штуку которая выводит очень много данных, (логи со всех микросервисов.) и хотел использовать svelte так как он похоже самый быстрый, производительный. )))
спасибо за урок но нужна вторая часть ибо все что показано в данном видео, я могу сделать и на ваниле если бы у вас нашлось время, чтобы раскрыть тему до конца это было бы потрясающе, мне кажется, это было бы интересно многим и вероятно видео собрало бы много просмотров, особенно если бы в нем присутствовал анализ поглубже и сравнение с текущими решениями в продакшене я посмотрел 36 минут и так и не понял, будет ли он полезен для бизнеса в рамках хотя бы средних проектов где работа с роутером, как будет выглядеть авторизация, как переиспользовать сложную логику в разных страницах/компонентах
Михаил, а можно узнать - чем вы руководствовались, когда решили рассказать именно о Svelte? Почему Vue и Angular нет, а Svelte да? Мне не очень понятно зачем все подряд нужно знать, есть миллиард вещей на которые мне не хватает времени. Я понимаю если бы вы объяснили нам какие-то преимущества, перспективы для поиска работы и т.п., но не увидел этого ничего. Пока что предполагаю что они платят амбассадорам за свое продвижение, иначе непонятно зачем это все.
У них в бенчмарке свелт на первом месте. Я думаю интересно посмотреть, чем мы платим за такой результат. И с чего вы взяли, что всё нужно знать? Вроде это больше обзорное видео
Приветствую. Мне никто ничего не платит за это видео :) По Vue и Angular полно материалов. Сейчас есть тренд в сторону так называемых сигналов, с помощью которых реактивность приложений выше. И Svelte здесь лидирует. Плюс они сразу вышли с компилятором, и бандл у них обычно меньше. Я сделал видел как знакомство с альтернативным инструментом. А изучать его дальше или нет - можно решить позже. Иногда просто взгляд на то, как бывает по-другому, помогает лучше разобраться и в текущем инструменте. У Svelte есть свое место на рынке. Анализа я не делал. Знаю что Реакт остаётся самым популярным.
Да, много про solid js и svelte говорят, но глянув нпм трендс и вакансии, понял, что лучше углубиться в реакт, чем распыляться на множество фреймворков
@@mishanepну, я смотрел рынок и возможно у самих фронтов это в моде . Но вакансий на svelt довольно мало. Много времени все пиарили solid js, но в итоге он не выстрелил
Можно, пожалуйста, не дергать так часто экран при масштабировании? Весь экран и так достаточно крупно выделен, а от этих мельканий начинает тошнить... За видео спасибо🤩
Увеличение интерфейса - монтаж или комбинация клавиш на маке? Пользуюсь такой в бразере - двойной тап двумя пальцами, а как в остальном интерфейсе это использовать?
по поводу лога на 10 минуте. а чего он должен выводится при нажатии на кнопку если консоль лог вне функции описан. это просто тупо секция с куском js кода
Михаил сравнивал как работает рендер в реакте и в свелте. В реакте весь код компонета выполняется каждый раз при смене стейта, следовательно консоль лог выводился бы при каждом клике каунтера.
Никто не заставляет делать как на видео. Вынеси в стор, в сторе вызови асинхронищу из lib/api, всё будет работать привычно как в любом другом реакт-проекте. Но если надо здесь и сейчас, то свелт это позволяет, потому что компилируется и еще на стадии сборки понимает, что и где и как вызывать. А вот реакт в своём useEffect не позволит вызвать асинхронную функцию. Многие используют хак, заворачивая асинхронную функцию в анонимную и вызывая её тут же, и это работает. Но почему-то сам реакт такое не жалует. И понеслась - флакс, редакс, редакс-тулкит, реакт-квери... вся эта поебень, чтобы отправить запрос на сервер и где-то сохранить.
Спасибо, я любитель в вебе, и, уж простите, фанат svelte, ваш рассказ прям как коту варельянка. Смотрел ваши уроки по react, спасибо. Из вашего видео узнал про 2 способа работы с массивом в стэйте, 2-ой способ не знал, спасибо.
Очень интересно. Надеюсь, будет больше видео по Svelte. Спасибо!
Видео от Михаила - лайк не глядя. Как всегда строго по делу и максимально актуально. Спасибо.
Немного дополню: в конструкции {#each} можно использовать {:else}, если массив пришел пустым и тогда не обязательно делать доп. проверку с length.
Например:
{#each todos as todo (todo.id)}
{todo.title}
{:else}
Задач нет
{/each}
Спасибо за контент, пушка!
Класс, спасибо огромное. Сделайте пожалуйста ещё видос по svelte kit
Имею опыт работы на Nuxt, Next и SvelteKit. По итогу основной проект решили делать на ките. Инструмент хороший.
А по каким критериям выбирали?
Мне после чистого svelte, кит показался какими-то странным в плане архитектуры. Плюс экшены через формы...
Но с другими фреймворками из списка я вообще не работал пока.
@ при прочих равных условиях СвелтКит меньше потребляет ресурсов клиентского устройства и наши серверные мощности. В первом случае это привело к лучшей юзабельности на слабых устройствах и при плохом интернете и в связке с GraphQL просто молниеносная загрузка данных (что в свою очередь сильно лучше сказалось на SEO), а во втором случае банально экономит наши затраты на облака.🌥️ Ну и с реактивностью в пятом Свелте всем нам прекрасно и комфортно.
воремя)) Как раз смотрим сейчас в максимально легкий жс инструмент с хорошей реактивностью)) Полезу плотнее изучать до следующего митинга) Очень не хочется на нативЖС целый проект пилить)) а его обсуждали...
О, это хорошая идея. У нас тоже была задача с такими требованиями, я тоже Svelte затащил)) Не пожалел
@@pika4u380 SolidJS решит ваши проблемы) полностью react-like синтаксис, но на сигналах. почему-то Михаил активно обходит обе темы - и SolidJS, и Signals от команды Preact. зато вон Svelte у него реакт на стероидах)
ну учитывая что это реакт на стероидах то не такой уж и легкий))
Спасибо, прям вовремя 😁. Как раз нужно написать штуку которая выводит очень много данных, (логи со всех микросервисов.) и хотел использовать svelte так как он похоже самый быстрый, производительный. )))
Спасибо за обзорное видео ❤очень интересно было слушать
спасибо за урок
но нужна вторая часть
ибо все что показано в данном видео, я могу сделать и на ваниле
если бы у вас нашлось время, чтобы раскрыть тему до конца это было бы потрясающе, мне кажется, это было бы интересно многим
и вероятно видео собрало бы много просмотров, особенно если бы в нем присутствовал анализ поглубже и сравнение с текущими решениями в продакшене
я посмотрел 36 минут и так и не понял, будет ли он полезен для бизнеса
в рамках хотя бы средних проектов
где работа с роутером, как будет выглядеть авторизация, как переиспользовать сложную логику в разных страницах/компонентах
Astro+Svelte ❤️
Михаил здравствуйте!! благодарю за ваше творчество... скажите пожалуйста - что надо сделать, чтобы вы были моим ментором?
спасибо за видео!
Михаил, а можно узнать - чем вы руководствовались, когда решили рассказать именно о Svelte? Почему Vue и Angular нет, а Svelte да? Мне не очень понятно зачем все подряд нужно знать, есть миллиард вещей на которые мне не хватает времени. Я понимаю если бы вы объяснили нам какие-то преимущества, перспективы для поиска работы и т.п., но не увидел этого ничего. Пока что предполагаю что они платят амбассадорам за свое продвижение, иначе непонятно зачем это все.
У них в бенчмарке свелт на первом месте. Я думаю интересно посмотреть, чем мы платим за такой результат. И с чего вы взяли, что всё нужно знать? Вроде это больше обзорное видео
Приветствую. Мне никто ничего не платит за это видео :)
По Vue и Angular полно материалов. Сейчас есть тренд в сторону так называемых сигналов, с помощью которых реактивность приложений выше. И Svelte здесь лидирует. Плюс они сразу вышли с компилятором, и бандл у них обычно меньше.
Я сделал видел как знакомство с альтернативным инструментом. А изучать его дальше или нет - можно решить позже. Иногда просто взгляд на то, как бывает по-другому, помогает лучше разобраться и в текущем инструменте.
У Svelte есть свое место на рынке. Анализа я не делал. Знаю что Реакт остаётся самым популярным.
Да, много про solid js и svelte говорят, но глянув нпм трендс и вакансии, понял, что лучше углубиться в реакт, чем распыляться на множество фреймворков
@@mishanepну, я смотрел рынок и возможно у самих фронтов это в моде . Но вакансий на svelt довольно мало. Много времени все пиарили solid js, но в итоге он не выстрелил
Так сам по себе react не так плох, а вот обёртка next , это конечно безобразие, всё что угодно лучше next.
Можно, пожалуйста, не дергать так часто экран при масштабировании? Весь экран и так достаточно крупно выделен, а от этих мельканий начинает тошнить... За видео спасибо🤩
Увеличение интерфейса - монтаж или комбинация клавиш на маке? Пользуюсь такой в бразере - двойной тап двумя пальцами, а как в остальном интерфейсе это использовать?
Монтаж
Спасибо! На 15:13 как-то перепрыгнуло видео.
Есть такое. При монтаже небольшой кусок вылетел. Но по части работы с кодом - вроде всё на месте.
по синтаксису - почти vue)
Вообще не vue
по поводу лога на 10 минуте. а чего он должен выводится при нажатии на кнопку если консоль лог вне функции описан. это просто тупо секция с куском js кода
@@sasharudenko5446 суть в том, что в реакте лог бы сработал, потому что обновление стейта там вызывает ререндер компонента
Михаил сравнивал как работает рендер в реакте и в свелте. В реакте весь код компонета выполняется каждый раз при смене стейта, следовательно консоль лог выводился бы при каждом клике каунтера.
@ этот код не очень похож на реакт. Потому странно было бы ожидать того же поведения ¯\_(ツ)_/¯
Спасибо за видео.
Очень неприятный эффект приближения к каким-то частям кода, описываю чисто своё ощущение, ни к чему не призываю.
Замечу, что руны в свелт - это не функции. props это не функция, хоть и выглядит внешне так по написанию. Это специальный конструктив.
честно говоря, довольно всрато это выглядит, особенно работа с запросами
если это всё натянуть на большое приложение - получится ад
Не увидел ничего ужасного, дело привычки, все функции можно экспортировать и вызывать, а не писать монолитом.
@@enmaboya I am currently working on a large application with SvelteKit. Let's hope it turns out as great as I expect it to 😅
Никто не заставляет делать как на видео. Вынеси в стор, в сторе вызови асинхронищу из lib/api, всё будет работать привычно как в любом другом реакт-проекте. Но если надо здесь и сейчас, то свелт это позволяет, потому что компилируется и еще на стадии сборки понимает, что и где и как вызывать. А вот реакт в своём useEffect не позволит вызвать асинхронную функцию. Многие используют хак, заворачивая асинхронную функцию в анонимную и вызывая её тут же, и это работает. Но почему-то сам реакт такое не жалует. И понеслась - флакс, редакс, редакс-тулкит, реакт-квери... вся эта поебень, чтобы отправить запрос на сервер и где-то сохранить.
@mishanep раскрой тему Sentry и расскажи про всякие фишки, отличный канал и хорошая подача!
Почему именно Sentry? Мы на работе DataDog используем.