Qwik 1.0 - новый подход frontend разработки?

Чем JavaScript framework Qwik сильно отличается от других феймворков и почему я считаю, что это один из новых витков развития? Так же разберём сравнение CSR, SSR и подхода Qwik.
🔗 Ссылки:
Qwik: qwik.builder.io/
⚡️Курс по React и Next с SSR: purpleschool.ru/course/nextjs
Мои курсы по разработке: purpleschool.ru
Telegram канал с полезными советами: t.me/purple_code_channel
Разделы видео:
0:00 - Введение
0:18 - Почему Qwik?
1:38 - Как работает Qwik
6:00 - Старт проекта
8:53 - Роутинг
13:39 - В чём преимущество?
18:30 - Ререндеры
19:46 - Навигация
22:22 - Получение данных
25:52 - Серверные функции
31:00 - Выводы
34:21 - Заключение

[@PurpleSchool]

🔗 Ссылки: Qwik: qwik.builder.io/ ⚡Курс по React и Next с SSR: purpleschool.ru/course/nextjs Мои курсы по разработке: purpleschool.ru Telegram канал с полезными советами: t.me/purple_code_channel

[@uceumice]

Nice coverage, still had to point out a little detail that devs at Qwik made clear about the SSR: because of Qwik's design, its components can be rendered in parallel, making the server side rendering even faster than that of comparable libraries and frameworks.

[@ssurrokk]

нравится твой спокойный стиль повествования )

[@PurpleSchool]

Спасибо!

[@alexnesh8084]

@@PurpleSchool пару аудио-сказок "детям на ночь" начитай. отлично получится =))

[@romanpetrashkevich5292]

спасибо, 👍

[@PurpleSchool]

Пожалуйста!

[@Tunec_s_hlebom]

Такое впечатление, что где-то есть нейронная сеть, которая клепает фреимворки и заливает их на npm каждые 2-3 дня😅

[@PurpleSchool]

А это идея для стартапа 😂

[@Amtes-it3cb]

Вы очень хорошо обьясняете, видел ваши курсы по бэку на ноде, хотел спросить, некоторые говорят, что по ноде js nest express для джунов мало вакансий, реально ли для джуна найти работу бэкенд на ноде? И как вы считаете, за 6 месяцев интенсивной учебы реально отучится на juna?

[@PurpleSchool]

Спасибо! Да, nodejs используется по многих компаниях. А насколько можно отучиться, очень зависит от вашего желания и упорства. В курсах и в профессии даётся в целом всё необходимое: purpleschool.ru/profession/backend

[@TTTT-fk8oz]

А если немного переработать график загрузки АПП как в начале. Встроить весь js, css и данные (что бы не делать запрос к апи после инициализации АПП) в сам html? Скорость по сравнению с ССР будет практически идентична и интерфейс сразу интерактивный т. к. ненужна догрузка бандла

[@LutNurakhmetov]

если речь про inline, то такое кешировать не будет

[@MrErl]

Что насчет state managment'a? Какие можно использовать с ним?

[@PurpleSchool]

Как и у любых новый фреймворков - плохая инфраструктура. Можно использовать встроенный useStore.

[@taipov]

Можно использовать с апи, доступ к которому осуществляется по ключу, который не хочется светить. Интересно

[@PurpleSchool]

Хороший пример, спасибо.

[@user-nz6kh2bz1c]

Чем это отличается от старых приложений MVC?

[@Vedmalex]

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

[@PurpleSchool]

Спасибо

[@Vedmalex]

@@PurpleSchool kzbin.info/www/bejne/mpSZnoitjdOsp6c автор поясняет решения

[@TTTT-fk8oz]

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

[@PurpleSchool]

Может быть при плохом соединении

[@TTTT-fk8oz]

@@PurpleSchool по идеи обычных компонентов с динамическим импортом должно хватить. А грузить каждую мелочь это как то дико... Особенно это нахрен не нужно если делать десктоп приложения

[@phat80]

@@PurpleSchool которое бывает случается очень часто… Я вот пожил с херовым интернетом полгода и понял, как важна оптимизация и минимизация всего, чего только можно. С плохим интернетом с некоторыми сайтами работать становится просто невозможно. Пока жил с хорошим интернетом, даже не задумывался об этом.

[@alderman9414]

Хотелось бы совета. Я работаю в большом проекте уже 3 года, используем реакт. И как то я засиделся. Вдруг пришло осознание что я ужасно отстал от новых технологий. Какой фреймворк можете посоветовать, чтобы начать его изучать на своих пет-проектах? Пока глаз упал на Некст жс.

[@PurpleSchool]

Next крайне рекомендую, но это тот же React. В целом можно посмотреть на любой свежий фреймворк

[@tayurus]

Спасибо за видео! Совместимости Квика с существующими библиотеками реакт-компонентов вроде Material UI нет? Нужно писать с нуля самому?

[@PurpleSchool]

К сожалению совместимости с React библиотеками нет.

[@user-sj7tf2yv3m]

Ни кто не запрещает использовать react внутри qwik. Судя по доке

[@user-zi4gy8nk6d]

Спасибо за видео! Это выглядит интересно, странно, не надёжно (нажимать обычную кнопку и надеяться что сервер, интернет не подведёт). 1. В чём его преимущество перед nextjs? Снижение нагрузки на сервер по объёму, но увеличение количества запросов многократно? 2. Интересно было бы посмотреть как он обработает всплытие модального окна (mui + frame motion), неужели не будет заметной задержки. Если смогу сам попробую

[@alec-c4]

Я так понимаю - чанки можно закешировать на уровне nginx/traefik

[@PurpleSchool]

Да, можно кэшировать для скорости. Я бы брал его для экспериментов на сайт где нужен SSR и быстрый рендеринг.

[@fadilmamedov2844]

Кэширование конечно поможет, но UX для пользователей, которые посещают сайт (или взаимодействуют с какой-то его частью) в первый раз, может быть не самым лучшим. С другой стороны, возможно (я точно не знаю, не смотрел еще) в Qwik есть возможность принудительно подгрузить чанки, когда определенное действие пользователя только ожидается, например при ховере на кнопку. Было бы здорово, если такое есть

[@user-zi4gy8nk6d]

@@fadilmamedov2844 Если подгружать заранее какие то чанки, то это получается nextjs, который в отличии от qwik поддерживает все библиотеки для react

[@fadilmamedov2844]

@@user-zi4gy8nk6d Ну NextJS там не получается, это все-таки совсем другой фреймворк. И если честно, ваш комментарий выглядит, как претензия к Qwik, что он не поддерживает React библиотеки (может быть я ошибаюсь конечно, поправьте, если это не так). Да, не поддерживает, что в этом такого? Вы же не ожидаете, чтобы Angular или Vue будет поддерживать React библиотеки, верно?

[@egorovsa]

ну прикольно.. посмотрим через годик .

[@vovergg]

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

[@PurpleSchool]

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

[@vovergg]

@@PurpleSchool Да, я всё это понимаю. Просто у меня сидит внутреннее желание, чтобы что-то было придумано так, чтобы всё максимально было автономно и работало без сервера (в тех случаях, когда это возможно). А вот по поводу того, что толстый клиент даёт нагрузку на слабые устройства. Если устройство слабое, то чаще всего и интернет соединение оно поддерживает слабое (например, мобилки с 3G). Я просто часто замечаю, что на моей старой мобилке всех больше тормозов происходит именно тогда, когда идут запросы к серверу, приходится ждать по 10-15 секунд ответа на каждый запрос со слабым интернетом и любоваться лоудером или скелетонами. А приложения, которые все данные разом загружают на клиент, работают на ней, ну, раз в 10 быстрее тех, которые часто обращаются на сервер за получением данных.

[@ssurrokk]

qwik, qwik и в продакшен)

[@PurpleSchool]

😂

[@RinatGarifullin-bt8rg]

В принципе если развернуть это все дело с QUIC http/2 or http/3 то работать наверно будет очень быстро

[@PurpleSchool]

Да, если будет стабильное подключение, то производительность будет на высоте.

[@TTTT-fk8oz]

@@PurpleSchool все равно тратится время на Коннект с сервером, это скажется на отзывчивости.

[@user-pd7ps3ud5h]

так это ооп как и ангулар ?

[@PurpleSchool]

Нет, это функциональный подход, как и React.

[@pryanik150]

Новый способ устроить DDos. Нажать на все кнопки разом

[@PurpleSchool]

😂😂😂

[@ashimov1970]

класс! спасибо за introduction в новую прорывную фронт-энд технологию. вопросы: 1. есть ли смысл использовать qwik вместе с htmx 2. когда ожидается ознакомительное видео о next.js 14?

[@PurpleSchool]

Спасибо 1. Нет, это два разных подходов 2. В течение 1-2 Надаль

[@ashimov1970]

@@PurpleSchool 1. можно пожалуйста поподробнее (буквально одним - двумя предложениями) о разнице, в чем она? 2. спасибо, ждем-с ) 3. можешь пожалуйста запилить ознакомительное видео о qwik, в том числе о его разнице (в подходах и технологии) с next 14?

[@PurpleSchool]

@@ashimov1970 они оба фреймворка, каждый из которых работает по своему.

[@alexcc333]

Прод передаст привет столько рендерить

[@cdeblog]

Выглядит очень странным, в итоге видим не долгую первую загрузку, а тормоза при каждом клике. Чем от лэзилоадинга отличается?

[@PurpleSchool]

Lazy грузит отдельные модули, а тут каждую функцию

[@koldoon3279]

Пишешь ты такое приложение, которое грузит все что нужно только по требованию, а потом приходит бизнес и говорит: "чего-то у нас долго отклик в интерфейсе при первом нажатии, клиенты недовольны" и начинается... надо значит префетчить все, что используется и вот уже приложение на qwick ничем не отличается от аналогичного на реакте или на ангулар.

[@levapveeskela4327]

зачем Qwik, когда это всё уже есть, либо появится с ближайшими релизами в Next и его поддерживает команда фэйсбука? Зачем учить то, что ещё не популярно и на него нету вакансий на рынке, но за ознакомление спасибо.

[@valikirr]

Сигналы уже и в ангуляр запихнули в 16ую версию. Да и в свелте кажется уже они были. Не нужны нам новые фреймворки ))

[@nade3282]

молю, сделай на сайте нормальный скролл, дефолтные браузеровские стили так вырвиглазно смотрятся с хорошим дизайном сайта

[@PurpleSchool]

Подумаю над этим

[@14brotherful]

Дкмаю, что $ помечают observables:)

[@PurpleSchool]

Ну там нет под капотом RxJS, так что в данном случае думаю нет.

[@user-er6ws1bf1r]

Имхо, спорное решение. Да, сэкономили на бандле (не так уж и много). Но бандл - один запрос, один хендшейк, один ответ. Если клиент с 3g или нестабильным интернетом - он сможет загрузить бандл в 500 КБ (пусть не с первого раза) и пользоваться приложением (в целом), а если на каждый клик будет запрос и рандом - нервы только испортит. Ну да ладно, если интернет хороший, то ок. Но у многих ли он хороший? В отдалённых от цивилизации местах до сих пор рулит спутниковый интернет с пингом 400-500 мс. Как при таком пинге работать с квиком? На каждый тык мышью придётся ждать ответа. При этом, противопоставлю фреймворки - пинг 500 мс ты подождёшь один раз, а потом с отличной скоростью тебе залетит всё, что надо для SPA. Принимая это во внимание, получается, что QWIK не такой уж и QUICK и очень зависим от качества соединения клиента. А если клиент, который не знает, что там под капотом, ткнул кнопку раз/два/три - он с 90% вероятностью обновит всю страницу целиком. Что-то из кэша будет, но всё равно тут мы выигрыша от квика не получаем.

[@user-er6ws1bf1r]

Мысли в текст: если они решили пойти таким путем, то почему бы не организовать под капотом транспорт на по http а через ws между своим клиент-сервером? Так задержки на загрузку фрагментов были бы заметно ниже, а если разорвалось соединение это можно было бы обработать и отобразить что-то пользователю, сообщить, что с интернетом проблемы.

[@PurpleSchool]

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

[@user-er6ws1bf1r]

@@PurpleSchool Да, хорошая идея. Приоритезация (+ управление ей) и неспешная загрузка в фоне - было бы хорошим решением. Разработчик вполне может предположить, что в каком порядке загружать. Обработчики какой-нибудь формы контактов в футере можно в последнюю очередь загружать.

[@user-ch76tcye4vvuu8]

Зачем выполнять фронт на бэке? А если будет выводиться таблица на 100 строк по 3 кнопки в строке, то на каждой кнопке будет запрос на бэк чтобы получить JS клика по кнопке? Тоесть мы грузим JS, в котором код запроса к REST API, его выполняем, снова идет запрос.... А если на ответ от рест АПИ нужно обновить стейт и срендерить блок, то снова запрос?

[@PurpleSchool]

Если это таблица, то после нажатия на первую кнопку, обработчик загрузится и будет работать для всех аналогичных обработчиков.

[@izzy7541]

Если нужно что-то серьёзнее туду приложения то 100% не стоит тащить туда логику бэка. Но вот выполнять в серверных функциях всякие расчёты, сериализации для бэка по моему самое то. Считай прямое разделение бизнес логиики и ui. Мне кажется это норм

[@PurpleSchool]

Хорошее замечание. Действительно можно отдать на Backend бизнес логику или тяжелые вычисления. Как кейс - согласен.

[@user-bs1ef6tt3e]

Очередной фреймворк... Перестаньте их клепать 😮😢

[@PurpleSchool]

Тут отличие больше есть от других фреймворках.

[@virtuoz-ru]

Это очередное говнище, как и реакт

[@ebadmaev]

Ахахахаз))

[@fadilmamedov2844]

Лично я ни одного не сделал 🤣

[@ivandenissenko9366]

А где нытье «новая версия джавы! Перестаньте их клепать». Фронт развивается, меняются задачи, появляются новые идеи как эффективнее решать старые. А вы, видимо, были бы счастливы если бы мы на перфокартах остановились

[@AlexeyProgramming]

Этот "новый" подход возвращает старые как мир проблемы от которых вроде бы только недавно избавились когда всё приложение скачивается одним бандлом. Помню ещё лет 10 назад встречалось что жмёшь на кнопку в приложении а реакции нет, это потому что скрипт который содержит обработчик ещё не докачался и не навесился. Это просто ужасный UX который потенциально ведёт к огромному количеству отвалов у клиентов с нестабильным подключением. Получается что эта проблема UX как раз та самая основа на чём построен этот "не очередной" фреймворк, да и идея не нова если вспомнить code-splitting вебпака и react.lazy, но тут в чанк кладётся даже 1 функция, и это в век гигабитных подключений)))) А вот на медленном 3G приложение на Qwik скорее превратится в настолько Slov что приведёт к огромному количеству негативных отзывов.

[@PurpleSchool]

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

[@pryanik150]

VUE react solid next в одной коробке ♥️. Жаль только слоты не полностью затащили

[@PurpleSchool]

Ага)

[@pryanik150]

Можно обложки видео делать не такими вызывающими?👍

[@PurpleSchool]

😆

[@oWeRQ666]

Хотелось бы увидеть в реальном мире, все же один из плюсов который мы получили по сравнению с дедовским подходом - быстрый отклик, потому что все приложение загружается сразу, если каждый клик будет грузить пару строчек кода, не будет ли это минусом. Размер скриптов после solidjs великоват, раз в 8 больше, еще и не все сразу грузится.

[@PurpleSchool]

Да, он пока больше (core), чем тот же solid, но думаю есть потенциал

[@nickythecasper4314]

абсолютно верная догадка, полностью с ней согласен. Пререндер наше всё. Браузеры уже прекрасно доработаны под толстые клиенты. Я за тонкие клиенты, но это полная клиника. А если сеть у человека упадёт? А если она просто херовая? А что с состоянием? Я на каждый обработчик лоудер должен вешать, чтоб дать человеку понять в случае тупняка что что-то происходит? А откуда лоудер появится? Его тоже грузить? А не проще один запрос на всё с клиента послать, чем забивать втупую канал передачи кучей мелких запросов, да там одних метаданных будет больше чем самих данных. Короче очередной бесполезный фарш, ещё и на vite, боже, уберите с глаз долой и закопайте в цинковом гробу

[@oWeRQ666]

@@nickythecasper4314 За что такая ненависть к vite? С ним нет времени на кофе пока идет пересборка?

[@nickythecasper4314]

@@oWeRQ666 да, он очень быстро выкидывает ошибки сборки, не успеваешь понять почему, а он уже сообщает о весёлом вечере. Особенно весело когда сборка прошла, а доступы к объектам в браузере говорят об обратном. Тогда время не то что на кофе, на пассать сходить покажется роскошью. И у тебя явно что-то не так с компьютером, если вебпак собирает тебе бандл дольше, чем ты хотя бы налить себе кофе успеваешь. Ну минута это край, для очень жиного клиента. Никто кроме дибилов страдать от неполноценности vite ради мнимой экономии минуты не будет

[@oWeRQ666]

@@nickythecasper4314 Не сталкивался с проблемами доступа к объектам, хотя микс esbuild и rollup конечно выглядит не очень надёжно. Что касается времени на сборку, судить надо не по компу, а по проектам, внезапно у некоторых они большие и время сборки приличное.

[@brodyagaPATY]

Как бесит то что все ссылаются на реакт… все смотрят на него… перехайпленный… спасибо за видео обзор🙏👍

[@PurpleSchool]

Пожалуйста) В индустрии реакт стал почти стандартом, поэтому многие смотрят на него.

[@virtuoz-ru]

Да, фреймворк тоже говно, что и реакт. До Vue 3 и Nuxt 3 им совсем далеко.

[@user-ox4yl6gu3u]

@@virtuoz-ru сравнил тоже легкий самолет где штурвал и три рычага(Vue) с боингом)

[@stanislav_ovv]

Чет роутинг на папках по-моему так себе архитектурное решение.

[@PurpleSchool]

Наоборот, достаточно удобно. По такому пути пошли Next, Remix и куча других фреймворках.

[@stanislav_ovv]

@@PurpleSchool а если будут нужны чпу-url, при этом часть из них должна формироваться динамически? Это ж прям любимая тема сеошников и боль для разрабов. А вот с таким "удобным" подходом похоже что никак.

[@PurpleSchool]

Очень даже работает, так как я сам любитель SEO, много раз делал. Динамические сегменты реализуются через [name]/index.tsx. В name как раз будет динамический сегмент, который можно получить в коде и описать варианты принимаемые.

[@NoName-oh9fh]

React к этому и развивается. Так что не парьтесь.

[@PurpleSchool]

Да, есть что позаимствовать у Qwik.

[@munarbekkarymshakov9420]

Легенды умирают

[@PurpleSchool]

Какие?

[@nikewhite4471]

Это какой-то клон Astro - та же островная архитектура. Но у Astro уже вторая стабильная версия. Qwik уже устарел.

[@PurpleSchool]

Astro медленнее, так как вынужден тащить рантайм островков и активировать его целиком. Но общее есть. Тут просто более точечно работает.

[@deex_iv]

Не впечатлил. Можно поспорить о его преимуществах. Пока лучше ангуляра нет ничего.

[@proletarian]

очередной мертворожденный, к сожалению

[@PurpleSchool]

Посмотрим как будет двигаться. Да, конкуренция большая.

[@k1on]

Людям с 3г интернетом лучше не попадать на такие сайты 🤭

[@PurpleSchool]

😂

[@netty5791]

Интересно, научится ли автор не вставлять кринжовое превью?

[@PurpleSchool]

Ну нет, это слишком сложно)

[@VS-nq1ro]

Да хватит уже этого зоопарка, не ну серьезно, у нас и так есть 3 основных для фронта которые более менее стабилизировались, на бэке все начинает прояснятся… а тут снова началось: то svelt, то solid, то еще там какой очередной новый фреймворк…. А вы говорите еще этот quick вводить в продакшен, будто и без него голова не кругом Лучше как мне кажется совершенствовать существующие фреймворки а не клепать и плодить стек

[@PurpleSchool]

Каждый новый фреймворк - это шаг в развитии Frontend. Если его идеи буду эффектными, их могут к себе затащить и крутые игроки, как например стало с Signal.

[@VS-nq1ro]

@@PurpleSchool так может лучше именно развивать все существующие? Signals добавили в Angular-16 это круто, можно ведь и дальше развивать существующие платформы это и будет шагами вперед, то что вы предлагаете это плодить хаус и головную боль. На счет технологий фронта - все сегодняшние основные столпы (angular react vue) основаны и берут начало из angularJS и неплохо продвигались… Новое это хорошо(!) развитие это тоже хорошо(!) но нужна разумная интеграция а не создание зоопарка

[@izzy7541]

​@@VS-nq1ro Наоборот, зоопарк нужен. Всякие новые решения во фронтенде развивают и стабильные продакшн решения, спустя время самые нужные и рабочие фишки будут протекать в большие фрейиворки и тем самым улучшать их. Например, solidjs сделали сигналы, всем понравилось и теперь все хотят сигналы во вью и реакт, завтра qwik сделает какую то супер удобную фишку и все захотят её в реакт, вью, ангуляр. И т.д. Так что весь зоопарк фреймворков и библиотек это наоборот круто. Все с друг другом конкурируют и заставляют развивать и улучшать свои инструменты. По этому фронтенд современный и разный, на любой вкус и цвет

[@VS-nq1ro]

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

[@Voltik2703]

А ч о за сигналы? Хайп мимо меня прошел. Это в реакте хук чтоли?

[@PurpleSchool]

kzbin.info/www/bejne/fZvHpZ9pq96aftU

[@dv6382]

гидрАтация.

[@sleepstream9433]

какой-то трешняк, csr это маст хев и всегда останется, все эти ssr вымрут

[@PurpleSchool]

Наоборот, весь рынок идёт с SSR, так клиентский рендеринг медленный, увеличивает нагрузку на устройства и недоступен для поисковиков.

[@sleepstream9433]

@@PurpleSchool одни заблуждения, csr индексируется, клиентский рендеринг быстрее серверного т.к. выполняется все на устройстве и нет задержки от сервера, современные устройства, особенно мобильные обладают более высокой производительностью js, чем пк и соответственно в несколько раз быстрее, чем серверные процессоры.

[@sleepstream9433]

@@PurpleSchool csr может подгружаться частично (только требуемая часть приложения). Загруженный бандл храниться в кеше и очень редко приходится загружать его повторно.

[@sleepstream9433]

@@PurpleSchool ну и забыл добавить, что ssr это очень дорого. js не отличается высокой эффективностью поэтому нам нужны тысячи нод и даже десятки тысяч. В CSR достаточно cdn и высокопроизводительного сервера с api

[@sleepstream9433]

@@PurpleSchool рынок может идти куда угодно, нужно просто видеть будущее. А тут все явно не на стороне ssr, сео - пофиксят. Мобильные чипы с производительностью десктопных - появятся во всех устройствах и нижнего сегмента.

[@virtuoz-ru]

Такое же говно, как и реакт. До Nuxt 3 им ещё далеко.

[@pryanik150]

Хорошая шутка