Astro. Теперь сайты моментальные. Быстрый курс

  Рет қаралды 47,748

Владилен Минин

Владилен Минин

Жыл бұрын

Подкаст тут: t.me/js_by_vladilen/515
Исходный код: github.com/vladilenm/astro-cc
Я в соц сетях:
Telegram: t.me/js_by_vladilen
VK: vladilen.minin
Instagram: / vladilen.minin
Result School:
Telegram: t.me/result_school_it
VK: result.school
Instagram: / result.school.it
JavaScript cообщества:
Discord: / discord
Telegram: t.me/js_by_vladilen_chat
Roadmap по каналу:
vladilen.notion.site/Roadmap-...
Astro - Быстрый курс
Новый ролик на канале про фреймворк, позволяющий уже создавать сайты на Islands Architecture.
С помощью Astro вы сможете создавать сайты, которые открываются во много раз быстрее, чем, например на Next.js без потери функционала.
Так же, используя Astro вы можете писать компоненты на React, Preact, Svelte, Vue и другие компоненто-ориентированные технологии
Потому представляю вам ознакомительный курс, все подробности в видео.
Приятного просмотра!

Пікірлер: 228
@VladilenMinin
@VladilenMinin Жыл бұрын
Ознакомьтесь с тем, что такое Islands Architecture в моем подкасте: t.me/js_by_vladilen/515 На следующей неделе выпущу еще один ролик на эту тему, но уже с другим фреймворком Приятного просмотра!
@user-vb6xh6yj4h
@user-vb6xh6yj4h Жыл бұрын
Хех, опять новый фреймворк в javaScript
@VladilenMinin
@VladilenMinin Жыл бұрын
@@user-vb6xh6yj4h Будет еще один)
@evgeny_mdr
@evgeny_mdr Жыл бұрын
SSG для интернет магазина худший пример. Обычно в магазине около 1000-10000 товаров и представь что будет у тебя в билде. 10000 сгенерированных файлов. Кейс который ты показал идеально ложится на SSR. Как обычно увидел технологию запилил видос, а подумать зачем....
@dmitrykulakov662
@dmitrykulakov662 Жыл бұрын
@@evgeny_mdr ну и личный кабинет :)
@arthurshaidullin7981
@arthurshaidullin7981 Жыл бұрын
@@evgeny_mdr этот фреймворк отлично подойдёт для миллионов маленьких бизнесов с возможностью дешёвого и быстрого хостинга в облаке (зачастую бесплатного), а так же для миллионов бложиков и конечно же для миллионов лендосов.
@Mytest437
@Mytest437 Жыл бұрын
"Жизнь не заканчивается..." хотел пошутить, но похоже в этой фразе сегодня уже и так много троллинга 😄
@brodyagaPATY
@brodyagaPATY Жыл бұрын
Спасибо за видео!!!! Как всегда топ!!!! Хотелось бы более подробного видео с этой технологией!!! Круть🔥🔥🔥
@vladimirmedvedev8908
@vladimirmedvedev8908 Жыл бұрын
Спасибо. Очень ждал этот выпуск.
@abraham_word
@abraham_word Жыл бұрын
Ух! Крутая технология! Спасибо за гайд.
@EugeneKoshelev
@EugeneKoshelev 4 ай бұрын
Супер! Спасибо за качественый контент. В новом году желаю вам поменьше соседей, которые делают ремонт ;-)
@oleg_kishinskii
@oleg_kishinskii Жыл бұрын
Спасибо за прекрасный Гайд. Плюс ты еще и мотивируешь делиться своим опытом.
@fergussawyer
@fergussawyer Жыл бұрын
Спасибо за обзор крутой технологии! Очень крутая штука!
@andygr1n1
@andygr1n1 Жыл бұрын
очень понравился framework, буду разбираться с стором и динамическими рутами. Не верю, что генерировать 100500+ папок - это его предназначение. Большое спасибо за информацию Владилен
@user-dw8lb8lc7u
@user-dw8lb8lc7u Жыл бұрын
наконец прикладной видос
@user-bj8rh7mb9m
@user-bj8rh7mb9m Жыл бұрын
Наконец то качественный контент)
@evg_ep
@evg_ep Жыл бұрын
Владилен, спасибо за ролик. С первого раза все понятно про новый продукт. Про статический билд, я так понимаю, затравка на комментарии)) В жизни не пригоден в том динамическом контексте, что показан в ролике
@FrostByteFox
@FrostByteFox Жыл бұрын
Т.е. каждое изменение/добавление товара нужно прогонять через pipeline с джобой build? Или есть подход как в next типа getStaticProps etc?
@ctrlspace
@ctrlspace Жыл бұрын
Владилен Безусловно Минин А если серьезно, Спасибо за такой качественный контент!
@romangoncharuk4455
@romangoncharuk4455 Жыл бұрын
отлично! спасибо!
@v.demchenko
@v.demchenko Жыл бұрын
Лайк не глядя
@arthurshaidullin7981
@arthurshaidullin7981 Жыл бұрын
Круто, всё что нужно, Astro + Sanity + Netlify вообще огонь получается! Спасибо Владилен )))
@biLLie_wiLLie
@biLLie_wiLLie Жыл бұрын
Netlify работает в России? Западные блогеры его часто упоминают)
@avgvstvs_im
@avgvstvs_im Жыл бұрын
спасибо за видео! как раз недавно смотрел туториал по созданию сайта-портфолио на astro, интересно посмотреть на твоё видение. немного душнильский вопрос - 4k не планируется? :)
@katiakravchuk9082
@katiakravchuk9082 11 ай бұрын
Привет, а можешь поделиться ссылкой на туториал?
@forellko8600
@forellko8600 Жыл бұрын
Спасибо :)
@-dubok-
@-dubok- Жыл бұрын
В конце видео показана вся несостоятельность этого фреймворка. Он при билде генерирует уже готовые страницы и они никак не изменятся, если не заребилдить весь проект заново! А в таких вот магазинах данные меняются часто. Это и количество доступного товара, и сами товары добавляются/удаляются. Фреймворк абсолютно не годится для более-менее живых сайтов. Разве что лендинги да визитки на нём клепать. Плюс сама идея голого HTML как основы - не очень. Потому что теряется плавность, которую может дать JS при смене страниц, например, при подгрузке товара, если сервер тормозит и т.д. Мне кажется, будущее всё-таки за SPA-подобными сайтами (с SSR). Сайты всё больше будут похожими на приложения, если говорить о каких-то магазинах и соцсетях. Если же надо просто инфу выложить типа википедии или визитки - тут, конечно, этот фреймворк, наверное, будет лучше. Извиняюсь, конечно, за негатив, но не стоит ставить его в один ряд с Sveltekit, Next и прочими. Как по мне, он мало, на что годится.
@LastOfHuman
@LastOfHuman Жыл бұрын
Почитав комментарий понял принцип работы ) а то смотрю на fetch и не могу понять как это только html)
@arthurshaidullin7981
@arthurshaidullin7981 Жыл бұрын
рекомендую ознакомиться с headless CMS
@-dubok-
@-dubok- Жыл бұрын
@@arthurshaidullin7981 так все проекты и так работают по похожему принципу. Тот же SvelteKit создаёт своё API автоматически, и его потом легко прикрутить к любому интерфейсу.
@hallifar
@hallifar Жыл бұрын
Годнота! Даёшь курс Фулстек с Астро!
@user-mn3ic2ct8d
@user-mn3ic2ct8d Жыл бұрын
А если мы получаем всегда разное кол-во продуктов(страниц), сначала их 20 потом 10,15 30 итд. После того как билд сгенерил релевантный на текущий момент кол-во статических страниц, будет ли меняться (добавляться/удалятся) кол-во этих же страниц динамически уже после билда? Так как сейчас похоже больше на статик генератор с каким то встроеным intersection observer и что очень напоминает некстовский getStaticProps
@alexs7931
@alexs7931 Жыл бұрын
Вы единственный кто задал этот вопрос, у меня тоже подозрение что мы делаем бандл для github pages без серверного интерактива , аля индексируемый SPA. Есть ещё Gatsby js но там более наворочено и через graphql.
@alexs7931
@alexs7931 Жыл бұрын
Нашел, для полного ssr рендеринга надо возвращать объект return new Response(.... аля express шаблонтзатор.
@legionnaire404
@legionnaire404 Жыл бұрын
Красава на позитиве👍
@AlexBomBom
@AlexBomBom Жыл бұрын
Привет, Владилен! Что тебе больше понравилось: Fresh или Astro?
@gexgex941
@gexgex941 Жыл бұрын
В astro есть кстати ещё и SSR, так что штука крайне крутая. В ближайшие года два станет эталоном для разработки. Именно сайтов, а не приложений.
@user-fb3ho7qh6g
@user-fb3ho7qh6g Жыл бұрын
А форму обратной связи тоже через компонент реализовывать или есть что то готовое?
@rashiddeveloper5995
@rashiddeveloper5995 Жыл бұрын
💯💯💯
@okolobaha
@okolobaha Жыл бұрын
вопрос как работает сео с динамическими компонентами астро?
@oleksandrluchytskyi6867
@oleksandrluchytskyi6867 Жыл бұрын
Интересно, но что будет сгенерированно если нужно i18n на сайте? все 100500 продуктов на всех языках? а если в хидере выводить имя пользователя нужно? то что еще и все варианты юзер + продукт + язык ?
@anpdko
@anpdko 6 ай бұрын
Спасибо за видео, но у меня появился вопрос, оно собрала 20 файлов, но контент то грузится с бд. А если я в бд добавлю 21 продукт?
@murcha5899
@murcha5899 Жыл бұрын
клевая футболка)
@victormultanen1981
@victormultanen1981 Жыл бұрын
Cпасибо за хорошее видео по Astro. Cердечно.
@user-ph5jy2db4v
@user-ph5jy2db4v Жыл бұрын
получается там где нам нужна только статика, мыполучим только статику, а там где нам нужен интерактив, мы получим то же, что и раньше портянку js-а необходимого для работы этого интерактива
@okolobaha
@okolobaha Жыл бұрын
а может кто то подсказать есть ли возможность добавить какую то маленькую админку на сайт на астро? напрмер у меня есть лендинг в котором мне часто нужно будет менять дату и я хочу сделать админку с помощю которй можно будет менять эту дату без необходимости заново собирать проект и заливать на хост
@ammoney159
@ammoney159 Жыл бұрын
В целом неплохо, но Astro пока сырая тема. Я думаю в будущем можно будет сделать что-то интересное. Спасибо за видео.
@ivannekrasov1095
@ivannekrasov1095 Жыл бұрын
получается, на каждое изменение в БД нужно заново билдить фронтенд?
@vitmih380
@vitmih380 Жыл бұрын
Вроде в документации есть что то про Dynamic routes
@user-bh4gy5lx7u
@user-bh4gy5lx7u Жыл бұрын
Мне тоже интересно. Пока тут было только отображение данных напрямую по API, а как оно работает с сервером? Как добавлять итемы в базу? Что при этом будет происходить с бандлом?
@user-pf2id1uj9j
@user-pf2id1uj9j Жыл бұрын
Эх, если бы еще проекты были на этих новых технологиях...
@MrLanadar
@MrLanadar Жыл бұрын
Владилен, спасибо, очень интересно! Любопытно что ты показал, в качестве примера, что-то типа интернет-магазина, но правильно ли я понял, что если у меня, допустим, большой магазин с 10 тыс наименований, которые обновляются/добавляются по несколько раз в день, то использовать для него Astro это не очень хорошая идея? Если я все понял правильно, то в данном случае Astro создаст 10+ тыс статичных страниц с каждым товаром и при обновлении любого из них придется ребилдить сайт. Пока что, для себя, вижу использование Astro для каких-то более-менее статичных сайтов для которых не требуется постоянная связь с каким-нибудь API и обновление данных из этого API.
@gooseob
@gooseob Жыл бұрын
Тоже смутило, что на каждый продукт по странице создаётся. Но можно, думаю, передавать id через url-параметр вместо создания страницы для каждого
@GreatVolcano
@GreatVolcano Жыл бұрын
Мне кажется, было бы неплохо делать на astro лэндосы или главные станицы сайтов (дабы скоростью загрузки произвести вау эффект), а все оствальные страницы на next'е. Геморно, согласен, но мне кажется это еди нственный способ оправдать написание кода на astro. Хотя перформанс всегда штука крутая
@user-bh4gy5lx7u
@user-bh4gy5lx7u Жыл бұрын
@@GreatVolcano Перформанс лэндоса?! Ну и проблемы у вас )))
@user-yw9wx4lv2w
@user-yw9wx4lv2w Жыл бұрын
@@GreatVolcano astro и в ssr может при необходимости
@MrAirrussia
@MrAirrussia Жыл бұрын
интересно конечно, то как происходит оптимизация JS для клиента и что можно юзать разные компоненты разных JS фрайморков. Но вот режим build расстраивает, что всё таки это генерация статики впрямую. Тот тут если не брать в расчёт оптимизацию клиентского JS, php + кэш будет намного лучше и производительнее, не говоря уже про запросы на API. FW хорош для быстро сборки небольших сайтов, которые обновляются редко.
@diamondserg-43
@diamondserg-43 Жыл бұрын
я правильно понимаю что астро только для SSR?
@rocketman4072
@rocketman4072 3 ай бұрын
Объясните пожалуйста новичку, а если в api данные изменяться будут, как тогда обрабатывать их и выводить контент, не билдить же каждый раз по новой
@user-vs1it4no2v
@user-vs1it4no2v 3 ай бұрын
Astro супер, но почему то при проверке сайта не видмтся кодировка utf-8. Хотя она есть , может кто сталкивался?
@seoonlyRU
@seoonlyRU Жыл бұрын
ЛАЙК ОТ СЕООНЛИ!
@biLLie_wiLLie
@biLLie_wiLLie Жыл бұрын
Крутая технология, но когда вспоминаю сколько картинок будет на сайте и какой у них вес, то задумываюсь насколько сильно нужна эта борьба за размер js бандла.
@arturseu
@arturseu Жыл бұрын
если речь идет об оптимизации, нуэно хорошо подумать над код сплиттингом. Все очень сильно влияет на оптимизацию
@dmitrykulakov662
@dmitrykulakov662 Жыл бұрын
Aws для картинок как вариант
@biLLie_wiLLie
@biLLie_wiLLie Жыл бұрын
@@dmitrykulakov662 никогда не пользовался этой технологией. Видео у западных блогеров. В России это работает?
@dmitrykulakov662
@dmitrykulakov662 Жыл бұрын
@@biLLie_wiLLie Пардон, я на пару сотен километров западнее живу. Не знаю как у вас обстоят дела..
@gh8499
@gh8499 Жыл бұрын
так картинки грузятся быстро, а js бандлы еще парсить надо, поэтому чем меньше js у клиента тем лучше
@perstj5746
@perstj5746 8 ай бұрын
А есть ли роутинг без перезагрузки страницы в astro
@user-oi3gg4rw7y
@user-oi3gg4rw7y Жыл бұрын
мда, ну кроме загрузки по видимости пока не торкнуло, next все же next - закончу изучать тебя)
@0kpts
@0kpts Жыл бұрын
Владилен, сделай пожалуйста новый урок по Vue 3
@bossmusa9075
@bossmusa9075 Жыл бұрын
он мертв
@0kpts
@0kpts Жыл бұрын
@@bossmusa9075 обоснуй
@diamondserg-43
@diamondserg-43 Жыл бұрын
курс есть у него.можно купить
@papa_paskualle
@papa_paskualle Жыл бұрын
@@bossmusa9075 у тебя мозг мертв(( а вуй 3 как раз жив
@andreykachur3827
@andreykachur3827 Жыл бұрын
Интересно а минусы есть у этой технологии?
@JVSd-SG
@JVSd-SG Жыл бұрын
Для простого проекта одностраничника с реактивным взаимодействием что лучше использовать\изучить начинающему? Astro\Svelte\React?
@narekdunama1yan744
@narekdunama1yan744 10 ай бұрын
Svelte
@n0sfer
@n0sfer Жыл бұрын
Владилен, привет! Во-первых, спасибо что познакомил с классной технологией. А во-вторых, есть вопрос. Как использовать astro, если, например (на примере этого примера😅), добавляется новый продукт? Т.е. когда бы делаем build, у нас получается статическая сборка, которая заранее делает fetch и если данные на внешнем ресурсе изменились, как подтянуть их динамически? Как будет работать тот же webSocket? Нипанятна🤔
@ammoney159
@ammoney159 Жыл бұрын
Привет Петр. В целом, динамическое обновление не задача какого-то фронтенд фреймворка. Это решается с nginx например, если node сервер, таких проблем не будет.
@ammoney159
@ammoney159 Жыл бұрын
Да, в том же next, задачу решает getStaticPaths, с гетом всех возможных кейсов, но такая проблема, когда используется nginx, с node все проще.
@n0sfer
@n0sfer Жыл бұрын
@@ammoney159 фсмысле не задача фронтенд фреймворка? Клиент заходит в магазин, хочет кьюФоне 4000, а его по факту уже нет. Или вотпрямпятьминутназад купили последний. Может я неправильно вас понял? Или вы меня?🙃
@ammoney159
@ammoney159 Жыл бұрын
@@n0sfer Смотри, если добавляют новые товары или удаляют, все работает ок, без доп. манипуляции с node сервером. Если nginx, сложно
@DoSmth
@DoSmth 9 ай бұрын
​@@ammoney159а в чем идея с node js? Можете подсказать где это посмотреть?
@user-hu5vb9uc1m
@user-hu5vb9uc1m Жыл бұрын
Здравствуйте Владилен можно обзор на Fresh deno
@user-og13
@user-og13 Жыл бұрын
Объясните пожалуйста, в чем разница между островами и компонентами и что в каком случае использовать?
@kootaru_
@kootaru_ Жыл бұрын
как я понял, компонентный подход фреймворков типа реакта полностью завязан на JS, поэтому юзер уже на старте вдогонку получает огромную дозу джаваскрипта внутривенно, в то время как островной подход - это минимум JS'a. Статический HTML - вода, и уже в этой воде располагаются островки - динамические компоненты, которые подгружают JS только тогда, когда это будет нужно.
@ilyawebdev
@ilyawebdev Жыл бұрын
@@kootaru_ один раз загрузить весь JS и дальше использовать кэш разве не лучше, чем делать постоянные подгрузки, особенно если интернет хреновый, в каком-нибудь зажопинске?
@rinatvaliullov3247
@rinatvaliullov3247 Жыл бұрын
Подними уже своё простое апи для зрителей, Владилен. Чтобы не отвлекаться на такие мелкие ошибки. И новичков не мучать с непонятными для них пока ошибками.
@dmitriyvaulin
@dmitriyvaulin Жыл бұрын
Айленд Аркитекча. И громкость одинаковую желательно ставить по ролику.
@ilayfortress4091
@ilayfortress4091 Жыл бұрын
Вот смотрю видео, начинаю хотеть курс купить. Захожу на сайт, желание купить отпадает, когда вся верстка плывет, это же жесть
@haibova_irisha
@haibova_irisha Жыл бұрын
Здравствуйте.Что думаете о vite
@VladilenMinin
@VladilenMinin Жыл бұрын
Он под капотом Astro и это классный инструмент
@erjigit17
@erjigit17 Жыл бұрын
Добро пожаловать в Кыргызстан - это название телеграмм чата для помощи тем кто переезжает в Кыргызстан.
@sicdex
@sicdex Жыл бұрын
Прикольно - Да. Использовал бы я это в проектах - Нет. Объясню почему: SPA ты грузишь 1 раз, да, на входе могут быть 138 кб, но потом ты по lazy грузишь другие странички по 1-3кб, чем фулл html страницы по 5-10кб. На счёт скорости ну в SPA тебе не кто не мешает сделать prerender такой-же как в astro, но вот только prerender отработает 1 раз на н1 страничку, а дальше уже всё по lazy будет. В общем велик который вряд ли стрельнет Спасибо за видео :)
@user-kr9gm6pi6w
@user-kr9gm6pi6w 8 ай бұрын
А почему preact? Реакт бы не?
@SK-in5bj
@SK-in5bj Жыл бұрын
Владилен, очень люблю твой контент, смотрю с того момента как купил твои курсы по реакту и реаут нативу. Спасибо тебе. Ты классный. Береги себя. Правда в этот раз смотреть видео не буду, а просто поставлю лайк. Руки опущены из за дерьма, в котором мы сейчас, но не сдаемся НЕТ ВОЙНЕ!
@fischer960
@fischer960 Жыл бұрын
Ля Глэк
@-dubok-
@-dubok- Жыл бұрын
Скажи "нет войне" врагу, который придёт тебя убивать, или грабителю, которые захочет отнять все твои ресурсы. Пацифисты - это не мужчины. Тупо никчёмные куски плоти.
@vitaly8430
@vitaly8430 Жыл бұрын
@@-dubok- Да, украина же пришла тебя убивать правильно? Может и беларусы хотят напасть?
@androidgames1602
@androidgames1602 Жыл бұрын
@@-dubok- а этот враг это вообще кто? Самому интересно, все думал что в 21 веке, до старых путей уже некому дела, нет что-ли?
@-dubok-
@-dubok- Жыл бұрын
@@androidgames1602 Запад, который уже давно жаждет заполучить наши ресурсы, в нас самих уничтожить как аборигенов. Учи новую историю и читай понимающих в политике людей вроде Фурсова.
@everemchuk
@everemchuk Жыл бұрын
Я до сих пор не понимаю, уже давно есть инструмент который снимает вопросы на счет какой framework круче. Solid JS это то что делает твое приложение молниеносным.
@user-yw9wx4lv2w
@user-yw9wx4lv2w Жыл бұрын
скорость не все. Но solidjs крутой)
@everemchuk
@everemchuk Жыл бұрын
@@user-yw9wx4lv2w я бы сказал половина, но и комюнити подтягивается
@algerttliott
@algerttliott Жыл бұрын
Нет бы изменить концепцию html. Они создают все новые костыли.
@albert.bazaleev
@albert.bazaleev Жыл бұрын
Во-первых, спасибо за материал. Очень интересный и полезный контент. По поводу lazy loading компонентов идея хорошая, но по практике она не годится для работы приложений с медленным интернетом: там проблема в долгом коннекте к ресурсам. Все-таки скрипты, стили (при условии, что это не очень объемное) и прочие легковесные чанки лучше объединить в один файл и выплюнуть на странице. Ну, это уже нюансы.
@talas12341
@talas12341 Жыл бұрын
+
@user-mq6cm2xd5i
@user-mq6cm2xd5i Жыл бұрын
решается через http2
@albert.bazaleev
@albert.bazaleev Жыл бұрын
@@user-mq6cm2xd5i http2 использую. Но скорости соединения все равно недостаточно.
@user-mq6cm2xd5i
@user-mq6cm2xd5i Жыл бұрын
@@albert.bazaleev если география работы сайта довольно большая, наверное можно попробовать использовать cdn, у Яндекса такая услуга есть
@albert.bazaleev
@albert.bazaleev Жыл бұрын
@@user-mq6cm2xd5i Спасибо!:)
@evgeniyzheleznov4568
@evgeniyzheleznov4568 10 ай бұрын
Мне видимо одному не понятно, почему тогда сразу не писать всё в html ? Зачем так усложнять, в чем преимущество? Подключать различные файлы как компоненты можно и через gulp-file-include например.
@anatoliyv5607
@anatoliyv5607 Жыл бұрын
что лучше Astro или Фреш?
@ITentrepreneur
@ITentrepreneur 11 ай бұрын
Владилен, свистишь на шипящих, больно ушкам, возможно это как-то исправить технически, либо программно при рендеринге видео и звука
@Shadzen
@Shadzen Жыл бұрын
А можно узнать список всех используемых вами плагинов для VS Code?
@VladilenMinin
@VladilenMinin Жыл бұрын
Да, думаю в течении недели выложу в телеграм канале
@Shadzen
@Shadzen Жыл бұрын
@@VladilenMinin спасибо, будет очень актуально, учитывая что IDEA и WebStorm у нас всё...
@gothicrock221
@gothicrock221 Жыл бұрын
@@Shadzen кряки работают
@Shadzen
@Shadzen Жыл бұрын
@@gothicrock221 у меня работает только до версии WS 2021.1.3 (сброс триала), есть какой то лучший вариант?
@gothicrock221
@gothicrock221 Жыл бұрын
@@Shadzen я именно про кряк, по сети гуляет с активацией до 2099 года, рабочий, так что ищи и пробуй)
@user-te9ci1tx4x
@user-te9ci1tx4x Жыл бұрын
preact?)
@VladilenMinin
@VladilenMinin Жыл бұрын
Именно
@user-te9ci1tx4x
@user-te9ci1tx4x Жыл бұрын
@@VladilenMinin круто ✌️☺️
@Alex-ov9eo
@Alex-ov9eo Жыл бұрын
Стоит еще подумать как много контента на сайте НЕ использует JS, это единичные случаи для страниц. А там где юзается, скорее всего еще будет подтянута UI либа и на этом попытки урезать размер бандла в принципе потеряют смысл. По опыту моих войн за UX приложений могу сказать, что куда важнее сообща сделать оптимальное API и убедиться что на бэке быстро обрабатываются запросы. Пользователь вряд ли заметит, что у него сайт загрузился на пол секунды быстрее из-за сжатия бандла, однако у него сгорит стул если на каждое его действие сайт постоянно впадает в кому на многие секунды ожидая когда же сервер даст ответ. В общем, мое ИМХО - штука крайне ситуативная, на проде есть проблемы куда серьезнее чем размер JS файлов. Если приложение разбито на модули и юзает lazy loading, а особенно если написана собственная библиотека компонентов для своих узких задач и не подтягиваются монстры на подобии материала, то про бандл JS можно забыть, в 99% случаев будут более важные места где надо навести перфоманс. И да, еще забыл упомянуть про генерируемые сервисы на подобии того что дает nswag, проект обрастает мегабайтами JS кода. Если оно есть - бандлу уже не помочь)
@everemchuk
@everemchuk Жыл бұрын
Да да, то что и я хочу сказать. Тут нужно думать не как уменьшить размер бандла на 10 мгб, а блин наконец-то перестать использовать всякие уродские библиотеки, как для css та и для js. К примеру tailwind, material ui и т.д. Перестать использовать мегатонные js библиотеки только для того чтобы использовать одну фичу. Лучше думать что ты запихиваешь в проект вместо того чтобы питаться сжать его.
@wett1988
@wett1988 Жыл бұрын
Зумеры придумали рендеринг на сервере и JS виджеты для браузера 😂😂 Но если серьезно, действительно крутая штука - то недостающее звено в инфраструктуре, которого как раз не хватало в NodeJS стеке.
@user-dd9uy7cy6j
@user-dd9uy7cy6j Жыл бұрын
епт я бы архитектору массаж сделал, крутая штука
@DJ-mv4re
@DJ-mv4re Жыл бұрын
начиналось красиво но прикол с билдом не догнал 🤨
@narsilMainStage
@narsilMainStage Жыл бұрын
Это типа Gatsby, только попроще?
@arthurshaidullin7981
@arthurshaidullin7981 Жыл бұрын
типо того )))
@notelovoyadecir6563
@notelovoyadecir6563 Жыл бұрын
А в чем прикол того что при билде все товары в статику превратились? Т.Е. если что-то добавиться в БД нужно опять билдить)))? как это работает на самом деле?
@ilyawebdev
@ilyawebdev Жыл бұрын
Если товар добавлися это еще ладно, а если количество товара постоянно меняется. Кто-то купил, кто-то вернул. Тут как быть?
@notelovoyadecir6563
@notelovoyadecir6563 Жыл бұрын
@@ilyawebdev оу ну я не помню что там на видео, но вроде это только к шаблонам и страницам касается, ну тип есть динамика которая не гидрируется вроде
@artyomvashkevich602
@artyomvashkevich602 11 ай бұрын
Что-то мне очень напомнила svelte и sveltekit. По сути я даже не понял в чем приимущества astro перед svelte. Канцептуально ничего нового ну и svelte тоже славится малым размером бандла и грузится тоже очень быстро. По сути форк svelte на первый взгляд. Единственное что astro - это типа сугубо статика, a в svelte есть и JS. В общем если есть svelte который явно навороченнее пока, то изучать astro смысла большого нет, хотя если нужно было бы то изучить его после svelte не составило бы и труда, но смыла нет в этом. Те же яйца только в профиль)))
@weynemeynen
@weynemeynen Жыл бұрын
Так ты не уходишь с youtube?
@VladilenMinin
@VladilenMinin Жыл бұрын
Видос ты тот явно не смотрел)
@mr.jivchik2432
@mr.jivchik2432 Жыл бұрын
Т.е. цену поменял и весь проект перебилдивать? А комментарий если чел написал? Тоже? Нет никакой вообще динамики?
@hairy_nose
@hairy_nose Жыл бұрын
шо там по мобилизации, молодые люди?)
@sergthebright3113
@sergthebright3113 Жыл бұрын
Такой себе SSR для Svelte
@CTILET
@CTILET Жыл бұрын
Да не в сумме крутых фишек некст лучше.
@user-id9df4co8i
@user-id9df4co8i Жыл бұрын
второй!
@alexand5143
@alexand5143 Жыл бұрын
Ты в России? или на пути в Финляндию? Политика начинает активно так интересоваться тобой.
@VladilenMinin
@VladilenMinin Жыл бұрын
Так читайте мои соц сети, я все комментировал
@alexand5143
@alexand5143 Жыл бұрын
@@VladilenMinin А стоит того? Боюсь еще больше разочаруюсь.
@VladilenMinin
@VladilenMinin Жыл бұрын
@@alexand5143 Так сам решай
@iGotton
@iGotton Жыл бұрын
+
@php_boy5019
@php_boy5019 Жыл бұрын
Пожалуйста расскажи как относятся поисковики к ASTRO ??? как они видят такие сайты? могут они их рендерить при индексации ?
@everemchuk
@everemchuk Жыл бұрын
Дядь это ssr, там с сео все впорядке
@SergiiBespalko
@SergiiBespalko Жыл бұрын
Есть намного быстрей чем Astro фреймворк - это Qwik у него O(1) производительность.
@gooseob
@gooseob Жыл бұрын
Big O используется для описания слжности алгоритмов, как ты фреймворк померял?
@metamarket
@metamarket Жыл бұрын
Лол. Только неделю как микросайт на нём сделал.
@sardorzufarov1505
@sardorzufarov1505 Жыл бұрын
Второй
@rodigy
@rodigy Жыл бұрын
Магазин плохой пример, так нагенерилось аж 20 однотипных страниц
@maximpolsky2683
@maximpolsky2683 Жыл бұрын
В слитой БД военкоматов есть МИНИН ВЛАДИЛЕН ИГОРЕВИЧ. Надеюсь это не ты. Хоть ты и русский, но ты помог мне обрести новую профессию. Беги оттуда!
@arthurshaidullin7981
@arthurshaidullin7981 Жыл бұрын
это не база военкоматов, а база отелей или типо того.
@-dubok-
@-dubok- Жыл бұрын
И чем вам так tailwind нравится? Он засоряет поле класса и, по-сути, создаёт новый язык, который надо учить. Из-за него же забываешь потом CSS и не можешь использовать SASS и прочие плюшки CSS, заменяя их на убогие возможности стилизации tailwind. К тому же он тащит с собой весь свой бандл ради пары стилей в проекте. По-моему, использовать его - это стратегическая ошибка.
@VladilenMinin
@VladilenMinin Жыл бұрын
Я в видео как раз показываю, что не тащит он за собой всю либу и существенно упрощает разработку
@-dubok-
@-dubok- Жыл бұрын
​@@VladilenMinin насчёт упрощает разработку - это вряд ли. Те же стили прописать в CSS совсем не сложнее, а возможностей куда больше и не надо учить новый язык, гадать, как там пишется свойство CSS, которое ты давно знаешь. Плюс, если стилей много, класс разрастётся значительно. А если те же стили хочешь применить к другому элементу? Ту же самую длинную строку копировать? Во что превратится код? Да, там есть какие-то способы делать свои сокращённые стили, но они очень сложны и не очевидны. К тому же твой стиль может запросто потеряться в куче других. Короче, это полный бред, уж извините. Tailwind противоречит концепции CSS, создавая совершенно не нужную абстракцию, полезность которой крайне сомнительна, а вред - очевиден.
@gooseob
@gooseob Жыл бұрын
@@-dubok- если хочешь применить к другому, положи классы в переменную и импортируй)
@-dubok-
@-dubok- Жыл бұрын
@@gooseob уже очень сложно! Зачем мне заниматься такой фигнёй, когда я могу нормально CSS-класс написать и применить? Плюс, как уже сказал, моя переменная просто затеряется в куче других tailwind'овских. Это всё очень не удобно и криво. Я пробовал пользоваться им - это какой-то треш. Обычный CSS куда понятнее и удобнее. Писать его совсем не сложно благодаря тому же emmet'у, автодополнению от IDE.
@gooseob
@gooseob Жыл бұрын
@@-dubok- мне тож больше sass нрав, я просто решение предложил
@iMarkusUS
@iMarkusUS Жыл бұрын
Никчемное ответвление от традиционного js .. на сегодня мы имеем скорость канала средняя 50мб , процессоры устройств с горизонтов даже 5 лет : очень мощные .. зачем накидывать очередную шнягу дабы ускорится ))?
@hachipoli822
@hachipoli822 Жыл бұрын
Смотрю в окопе
@dunyasergeant967
@dunyasergeant967 Жыл бұрын
Молодец Владлен! Добьем бункерную крысу новым оружием - Astro.
@EugeneSakara
@EugeneSakara Жыл бұрын
У многих жизнь заканчивается)) Там скоро новая волна могилизации
@DerAleksey
@DerAleksey Жыл бұрын
мда....
@yuritian8830
@yuritian8830 8 ай бұрын
Я не согласен.
@vo_skor
@vo_skor Жыл бұрын
Да он подкупленный, расходимся... Уважения тебя как разработчика всегда будет высоким, но как человека, происходит "негативное всплытие",как у вас любят говорить)
@krakadzil
@krakadzil Жыл бұрын
А какие претензии?
@VladilenMinin
@VladilenMinin Жыл бұрын
Не пложу панику, не кричу все пропало и выпускаю контент
@vo_skor
@vo_skor Жыл бұрын
@@VladilenMinin Если бы... Но ты зазываешь к бездействию. Убедивши себя, что ни на что не можно повлиять и навязываешь это другим. Взять в пример тот же Иран сейчас, какие протесты идут и самое главное из-за чего. Уже не вспоминать за Украину, майдан 2014. Россия - это сделать маленькие зарплаты, дешёвый алкоголь и единственное развлечение - телевизор = народ покорных рабов. Это я не за людей в больших цивилизованных городах пишу, уверен там остались здравые люди и ты в их числе и вместе вы все еще можете сделать свой вклад.
@krakadzil
@krakadzil Жыл бұрын
@@vo_skor ну да, за политику Владилен что-то не то отжигает. Владилен, Америка не может хотеть уничтожить Россию, иначе бы не кормила русских голодающих гуманитаркой трижды за 20-ый век!
@user-fq4kj8hr7v
@user-fq4kj8hr7v 9 ай бұрын
Владилен. Спаси вас дурака от Кармы. Просто Дурак.
@VladilenMinin
@VladilenMinin 9 ай бұрын
Почему
@tvhostcc
@tvhostcc Жыл бұрын
когда ты бородавку свою выведешь?
@ihorv44
@ihorv44 Жыл бұрын
в одном из стримов, Владилен говорил, что хотел бьі побьівать в Украине. судя по указу о мобилизации, скоро у него появится такая возможность /*сарказм*/
@sonarsphere
@sonarsphere Жыл бұрын
It-шники не подлежат мобилизации согласно указу.
@ihorv44
@ihorv44 Жыл бұрын
короче, Владилен береги себя и спасибо за информативньій видос.
Qwik 1.0 - новый подход frontend разработки?
34:39
PurpleSchool | Anton Larichev
Рет қаралды 16 М.
Зомби Апокалипсис  часть 1 🤯#shorts
00:29
INNA SERG
Рет қаралды 6 МЛН
КИРПИЧ ОБ ГОЛОВУ #shorts
00:24
Паша Осадчий
Рет қаралды 6 МЛН
蜘蛛侠这操作也太坏了吧#蜘蛛侠#超人#超凡蜘蛛
00:47
超凡蜘蛛
Рет қаралды 48 МЛН
Fresh - самый быстрый SSR. Deno в действии. Быстрый курс
35:04
12 техник, которые ускорят твое обучение
33:55
Владилен Минин
Рет қаралды 11 М.
NextJS Быстрый Курс - SSR на React JS
2:34:32
Владилен Минин
Рет қаралды 234 М.
Топ 10 ИИ каждый программист должен знать
22:46
Владилен Минин
Рет қаралды 22 М.
Landing Page in 10 Minutes with Astro and CodeStitch
9:45
Cedar Studios Web Design
Рет қаралды 7 М.
Why I STOPPED Using Next.js And Chose Astro Instead
12:10
James Q Quick
Рет қаралды 52 М.
Зомби Апокалипсис  часть 1 🤯#shorts
00:29
INNA SERG
Рет қаралды 6 МЛН