На прошлой неделе у реактеров знатно подгорело, когда были проведены тесты сравнения скорости разных фреймворков в SSR режиме.
Эван тоже озадачился, что
#ssr #evanyou #benchmark #vuejs #nextjs #reactive
Next.js
отстал от чистого React
в 15 разЭван тоже озадачился, что
Vue
болтается где-то в серединке, и за пару дней нашел проблему с Node.js
и подготовил патч, который вывел Vue
на первое место.#ssr #evanyou #benchmark #vuejs #nextjs #reactive
Еще один известный JS видеоблоггер сравнил SSR и JSX с возвратом к PHP
Вдогонку к этому мему
Maximilian Schwarzmüller - популярный и интересно объясняющий спикер, известен тем, что много лет назад в курсе по Vue 2 заявил, что похоже на то, что React и Angular имели секс, и в результате получился Vue, вобравший в себя лучшие качества обоих.
Сейчас специализируется на React и Next.js.
#jsx #ssr #php #maximilian
Вдогонку к этому мему
Maximilian Schwarzmüller - популярный и интересно объясняющий спикер, известен тем, что много лет назад в курсе по Vue 2 заявил, что похоже на то, что React и Angular имели секс, и в результате получился Vue, вобравший в себя лучшие качества обоих.
Сейчас специализируется на React и Next.js.
#jsx #ssr #php #maximilian
YouTube
Are we going back to PHP with fullstack JavaScript?
Want to learn all about Next.js? Take my completely updated Next.js 14 course!
👉 https://acad.link/nextjs
Want to learn React? I completed updated my React course, too!
👉 https://acad.link/reactjs
All Podcast episodes: https://maximilian-schwarzmueller.com/podcast…
👉 https://acad.link/nextjs
Want to learn React? I completed updated my React course, too!
👉 https://acad.link/reactjs
All Podcast episodes: https://maximilian-schwarzmueller.com/podcast…
На
C фронтом на бесплатном (= небыстром, плохо конфигурируемом) хостинге, с бэком на другом бесплатном (= небыстром) хостинге и реальным среднего размера веб приложением.
При повторных запусках сайта он будет открываться вообще мгновенно (за счет
#spa #pwa #webvitals #ssr
SPA
тоже можно выбивать страйки в Web Vitals
C фронтом на бесплатном (= небыстром, плохо конфигурируемом) хостинге, с бэком на другом бесплатном (= небыстром) хостинге и реальным среднего размера веб приложением.
При повторных запусках сайта он будет открываться вообще мгновенно (за счет
PWA
кэширования)#spa #pwa #webvitals #ssr
Выражение "городить свои велосипеды" в IT заиграло новыми красками
Иногда оно используется по делу, но чаще имеет уничижительную форму, показывающую, что человек вместо популярного, раскрученного решения использует что-то свое или малоизвестное.
Если тебе нужен индексируемый поисковиками сайт, надо писать на
О VueUse уже много говорилось. Как и об #ssr. Как и о Tailwind.
Проблема "решений", пришедших и навязываемых из других фреймворков - это действительно проблема. Человек, перешедший с бэкэнда и даже с другого языка программирования возможно будет писать более качественный
"Проверенные" решения зачастую ничего более, чем просто хайпожорские решения. Которые привнесут на проект кучу зависимости, сложности и необходимости решать те проблемы, которых у тебя не было.
Поэтому советчиков, агитирующих не изобретать свои велосипеды, можно частично послушать и принять к сведению, а частично послать куда подальше как людей, не желающих или не умеющих думать своей головой. Особенно на фронтенде.
Ну и не будем забывать, что
#esse #architecture
Иногда оно используется по делу, но чаще имеет уничижительную форму, показывающую, что человек вместо популярного, раскрученного решения использует что-то свое или малоизвестное.
Если тебе нужен индексируемый поисковиками сайт, надо писать на
Nuxt
, а не городить отдельную или динамическую отрисовку. Нужно использовать VueUse
, потому что это швейцарский нож в любых ситуациях. Для соединения с бэком надо всегда подключать Tanstack vue-query
, потому что у него десятки тысяч звезд на GitHub
, все его используют, и он легко решает кучу твоих проблем, о которых ты раньше даже не догадывался, но теперь они у тебя есть. Ну и, конечно, Tailwind
!О VueUse уже много говорилось. Как и об #ssr. Как и о Tailwind.
vue-query
образовался из react-query
, который действительно решал проблемы Реакта. Но во Vue
нет этих проблем. Vue
предоставляет все инструменты для эффективной и элегантной работы с бэкендом.Проблема "решений", пришедших и навязываемых из других фреймворков - это действительно проблема. Человек, перешедший с бэкэнда и даже с другого языка программирования возможно будет писать более качественный
Vue
код, чем переучившийся с Реакта
."Проверенные" решения зачастую ничего более, чем просто хайпожорские решения. Которые привнесут на проект кучу зависимости, сложности и необходимости решать те проблемы, которых у тебя не было.
Поэтому советчиков, агитирующих не изобретать свои велосипеды, можно частично послушать и принять к сведению, а частично послать куда подальше как людей, не желающих или не умеющих думать своей головой. Особенно на фронтенде.
Ну и не будем забывать, что
Vue
- это тоже велосипед, написанный в эпоху диктатуры Angular
, React
, JQuery
и других солидных, проверенных и общепризнанных решений.#esse #architecture
Telegram
Vue-FAQ
При написании своей реализации useLocalStorage для Arty-Crafty родились небольшие размышления о библиотеке VueUse
#vueuse #artycrafty
#vueuse #artycrafty
Vue-FAQ
Этого человека убили сразу после интервью Жуткая правда о js мета-фреймворках... #video #vercel
Кратко, о чем нам поведал безвременно ушедший
В мире фронтед мета-фреймворков крутятся огромные деньги в виде рекламы, спонсорства и донатов - сотни миллионов долларов. Деньги просто так никто давать не будет. Смысл в том, чтобы втянуть молодых (18-20 лет) разработчиков в работу на этих фреймворках, чтобы потом стричь деньги со стартапов и компаний, которые будут нанимать подобных разработчиков, потому что размещать эти проекты будут на платформах типа
Проблема в том, что эти фреймворк-разработчики не умеют просто программировать, и технологии, применяющиеся при работе с этими мета-фреймворками, вредны и используются исключительно для максимизации прибыли бизнесом.
При этом огромные деньги тратятся на продажных ютюберов и прочих инфлюенсеров, агрессивно впаривающих тебе эту шнягу из каждого утюга. Убеждающих, что если ты не используешь их "современные технологии", то ты какой-то ущербный. Часто это работает наподобие сетевого маркетинга типа продаж БАДов или продукции Avon.
В частности, следствием этого является, также, многолетняя ложь, что
Так что
Лучшие практики - это когда ты как пастушок с дудочкой пасешь коровок на экологически чистых горных альпийских лугах.
А когда специально выведенная генно-модифицированная корова, ни разу не видевшая белого света, обколотая тысячами различных антибиотиков и гормонов, стоит в стойле фермы с вывеской
#nuxt #verсel #ssr
В мире фронтед мета-фреймворков крутятся огромные деньги в виде рекламы, спонсорства и донатов - сотни миллионов долларов. Деньги просто так никто давать не будет. Смысл в том, чтобы втянуть молодых (18-20 лет) разработчиков в работу на этих фреймворках, чтобы потом стричь деньги со стартапов и компаний, которые будут нанимать подобных разработчиков, потому что размещать эти проекты будут на платформах типа
Vercel
, стоимость хостинга на которой в тысячи раз больше обычного хостинга.Проблема в том, что эти фреймворк-разработчики не умеют просто программировать, и технологии, применяющиеся при работе с этими мета-фреймворками, вредны и используются исключительно для максимизации прибыли бизнесом.
При этом огромные деньги тратятся на продажных ютюберов и прочих инфлюенсеров, агрессивно впаривающих тебе эту шнягу из каждого утюга. Убеждающих, что если ты не используешь их "современные технологии", то ты какой-то ущербный. Часто это работает наподобие сетевого маркетинга типа продаж БАДов или продукции Avon.
В частности, следствием этого является, также, многолетняя ложь, что
SEO
без SSR
невозможно, что Web Vitals
с ними лучше и прочая маркетинговая ахинея.Так что
Nuxt
, ребята, это не про свободу open source-а и лучшие практики.Лучшие практики - это когда ты как пастушок с дудочкой пасешь коровок на экологически чистых горных альпийских лугах.
А когда специально выведенная генно-модифицированная корова, ни разу не видевшая белого света, обколотая тысячами различных антибиотиков и гормонов, стоит в стойле фермы с вывеской
Vercel
, с транспортером комбикорма перед носом, транспортером говна позади, и шнырявые разработчики с доильными аппаратами и лопатами для говна переползают от одной к другой, - это, ребята, называется бизнес.#nuxt #verсel #ssr
This media is not supported in your browser
VIEW IN TELEGRAM
Каким же убогим в техническом плане стал сайт Хабра за последние месяцы...
Открываешь страницу, ждешь 3-4 секунды, кликаешь на дропдаун менюшку - иконка поворачивается, а самого меню нет. Ждешь еще, кликаешь - нет, всё сломалось. Надо перегрузить страницу, подождать секунд 7-8 и потом уже кликать, и появится менюшка. И это на быстром интернете.
Как там у вас,
Заходишь на страницы личного кабинета - там пусто. Надо нажать F5 и тогда контент появится.
#habr #ssr
Открываешь страницу, ждешь 3-4 секунды, кликаешь на дропдаун менюшку - иконка поворачивается, а самого меню нет. Ждешь еще, кликаешь - нет, всё сломалось. Надо перегрузить страницу, подождать секунд 7-8 и потом уже кликать, и появится менюшка. И это на быстром интернете.
Как там у вас,
SSR
-щиков это называется? Гидратация?Заходишь на страницы личного кабинета - там пусто. Надо нажать F5 и тогда контент появится.
Хабр
позорит гордое имя Vue
, на котором он частично (комментарии) написан. А писали его, кстати, вроде, завсегдатаи @vuejs_club#habr #ssr
Всё сущее состоит из противоположных начал, которые, будучи едиными по своей природе, находятся в борьбе друг с другом: день-ночь, горячее-холодное, добро-зло, SPA - бэк API.
Эта борьба, движимая диалектическим законом единства и борьбы противоположностей, служит источником развития, трансформируя количественное накопленные знания в качественно новые формы.
Поэтому SSR, серверные компоненты и прочие гермафродитные порождения LGBT фронтенда не имеют будущего и обречены на разлагающее зловонное вымирание.
#esse #ssr
Эта борьба, движимая диалектическим законом единства и борьбы противоположностей, служит источником развития, трансформируя количественное накопленные знания в качественно новые формы.
Поэтому SSR, серверные компоненты и прочие гермафродитные порождения LGBT фронтенда не имеют будущего и обречены на разлагающее зловонное вымирание.
#esse #ssr
Как же раздражает эта тормозная SSR гидратация, когда вроде все появилось на странице, а еще ничего толком не работает.
Такое ощущение, что в последнее время она везде проникла. Особенно, в
Открывается окошко входа, кликаешь кнопку своего аккаунта - хер там. Ждите, товарищ. Чего ждать? Неизвестно. Никаких лоадеров. Просто секунды считай. Кликай время от времени.
Другие в прошлом приличные сайты тоже превращаются в черт знает что.
Самый большой минус фронтендерского
Ретарды делают ретарды.
#ssr
Такое ощущение, что в последнее время она везде проникла. Особенно, в
Google
-овские сервисы. Тот самый Google
, который всегда пропагандировал мгновенно-отзывчивый интерфейс.Google sign-in
. Открывается окошко входа, кликаешь кнопку своего аккаунта - хер там. Ждите, товарищ. Чего ждать? Неизвестно. Никаких лоадеров. Просто секунды считай. Кликай время от времени.
Другие в прошлом приличные сайты тоже превращаются в черт знает что.
Самый большой минус фронтендерского
SSR
- это вот этот отвратительный UX
Ретарды делают ретарды.
#ssr
К хорошим новостям
Год назад я делал испытания по индексации поисковиками
За прошедшее время
Итого,
1. Индексируются поисковиками
2. Дают лучшие показатели
Да, постраничный
Чем там ещё
Всегда говорил, что
#ssr #seo #nuxt
Год назад я делал испытания по индексации поисковиками
SPA
на Vue
, и тогда Google
справился, а Яндекс
не потянулЗа прошедшее время
Яндекс
подучился и поумнел (скриншот)Итого,
Vue SPA
:1. Индексируются поисковиками
2. Дают лучшие показатели
Web vitals
, чем SSR NuxtДа, постраничный
OpenGraph
по-прежнему надо делать для SPA
отдельным скриптом на сервере, но это простая небольшая логика.Чем там ещё
SSR
фреймворки хвалились?Всегда говорил, что
BFF SSR
- тупиковая ветвь развития фронтенда, усложняющая архитектуру и загрязняющая код веб приложения без необходимости. Те самые "фокусы". Видимо, доходит и до других, потому как в последнее время что-то часто встречаются статьи типа: "Nuxt это не только SSR"#ssr #seo #nuxt