Изучаем примитивный streaming на уровне сети
HTML-код
- Опубликовано: 28 июн 2024
- 1 http запрос - 1 ответ. Это то к чему мы все привыкли работая с сервером. Но на самом деле server может делать куда более сложные вещи. И сегодня мы познакомимся с одним таким вариантом!
Обещанная ссылка на то как NextJS использует streaming: • Как сделать Loader / S...
Код из видео: github.com/Sin9k/simple-strea...
Ссылка на телеграмм канал
t.me/it_sin9k
Поддержать Айти Синяка можно здесь:
RUclips: / @it-sin9k
boosty: boosty.to/sin9k
Patreon: / itsin9k
00:00 Анонс темы
00:30 JSON streaming
03:40 Варианты использования
Подписаться на канал: / @it-sin9k
Twitter: / it_sin9k
-------------------------
Данный канал создан для инициирования бесед на различные темы IT сферы (социальные / технические), а также для тех кому короткая видео выжимка статьи, выступления на конференции или же просто личных мыслей, являются более удобным форматом
Давай-давай, хорош, красавчик, контент огонь. Можно ещё всего этого почаще?
Спасибо!!) будем стараться)
Не думал, что встречу это здесь :D
Походу, мем вышел за рамки ExtremeCode xD
Ой, это не тот канал) но никто и не против)
Ыыыы, поржал )
Супер инфа, использовать обязательно и много где можно
Класс, очень дельно. Все понятно. Без занудства!❤
Отличная подача материала! Спасибо за ваши труды! Будет здорово если вы расскажите про server sent events
У меня как раз был опыт с ним где то года полтора) можно сделать про это видео)
Да, про сети очень интересно.
Когда изучал next 14, в голове застрял вопрос, на который ты дал ответ. Лучший!
Шииииииииииикарно
круто! было-бы интересно посмотреть видео про nodejs
Интересно!
Спасибо за видос. Не знал, что оно таким образом имплементируется
лучший 👋
спасибо за полезное видео!
Маленькое предложение: делать паузы между предложениями/словами :) иногда кажется что ты очень быстро говоришь, но потом понимаю что дело не в скорости, а в отсутствии промежутков) начинает казаться что текст это одно очень длинное слово))
Спасибо! возможно неудачно смонтировал) а то я подрезаю охи вздохи)
Ждём ❤
Синяк, ты красавела!
Спасибо!) очень стараемся)
Так и какой кайфовый вариант использования? Порциями отдавать html?
❤❤❤🎉🎉🎉
Хидьер :D
А на клиенте при этом можно работать с response.body к с потоком и перебирать, например, через for await...of. Логи, например, какие-нить получать в около-реалтайме. Интересные варианты применения.
крой
Несколько месяцев назад пытался втащить стриминг в React приложение со своим ssr на ноде, но чё то не вышло и нагуглить ничего понятного не получилось ) жду продолжения 🔥
А с какой целью пытались втянуть стриминг в проект?
@@it-sin9k уменьшить TTFB и FP ) и улучшить UX
Интересно. А как получить такого эффекта последовательной отправки данных от сервера на php? Без вебсоккета, без sse. С sse не получилось, на хостинге были какие то ограничения.
Стоит отметить, что в HTTP/2 есть свой стриминг. Применение "Transfer-Encoding: chunked" там вообще запрещено.
да) про это стоило бы отдельное видео записать)
А не получится так что 3-ий ответ прилетит раньше второго, или на фронте надо это отдельно обрабатывать?
Обьясните пожалуйста, что означают буквы "b" и "с" в ответе? Разве это не должны были быть цифры указывающие количество байт в текущем чанке?
это hex
латиница + кириллица х 2 + EOL
@@badcoder1337 ты имеешь ввиду вот такой hex #ffffff?
0123456789abcdef
a=10
...
f=15
@@followthewhiterabbit982 Шестнадцатеричная система исчисления.
насколько это надежно полагаться на то что браузер там как то за тебя додумает и чтото там подставит? мы же будем бить на куски не такую приметивную верстку а чтото монструозно огромное (иначе зачем его бить на куски, верно?)
Основная идея в том, что браузер предсказуемо додумывает) Вот эту предсказуемость и решил оседлать NextJS. В следующем видео расскажу, как именно он это делает)
И всё равно не понятно, в каких ситуациях применять эту технологию.
В следующем видео, как раз расскажу как его использует nextJS :)
На 4:00 очень плохой пример кода. Сначала показалось что shadow naming, но потом пригляделся, и понял, что просто переназначение переменной. Работать будет, но я бы так делать не стал: довольно порочная практика. Да и переназначение переменный в нестрелочных (хотя и в стрелочных тоже) функциях тоже дурно пахнет, как мне кажется
Ну тебе плохо кажется
А есть еще какие то примеры?
в следующем видео, я покажу, как это использует NextJS :)
маловато)
Ю-туп туториалы прошли полный круг - сначала учат людей как не надо делать - использовать асинхронные вызовы прямо из компонентов, а затем как костылять эту херню, которой они научили.
В чем прикол записывать видео по 5 минут?
Ты можешь попробовать создать такого рода ролик и возможно у тебя отпадут вопросы
а какой формат для вас самый оптимальный?
Мне кажется это отличный формат)) нравятся видео с длительностью до 15 минут.
1) Это удобно, когда нужно повторить какую-то тему.
2) легко отследить свой прогресс по обучению, мол изучила 7 из 12 тем (видео)
3) можно просмотреть всё видео за завтраком)
Давай-давай, хорош, красавчик, контент огонь. Можно ещё всего этого почаще?
Пока почаще сложно))