Моё мнение, которое никто не спрашивал - эта либа быстрая, потому-что проекты большие ещё не собирала. Этих бандлеров хоть пруд пруди, Rollup, Gulp (ещё вроде жив), Grunt (помянем), теперь VITE. Если писать кастом, а на проектах так чаще всего и далается, VITE скорее всего будет душноват. Хочешь дев-сервер с проксированием - учи VITE, хочешь писать кастомный плагин - учи VITE, хочешь собирать не только стили но и SVG - учи VITE. Спору нет, компилить ECMA в обычный старый JS можно огромным количеством способов. Но меня гложит один вопрос, даже два - чем эта либа может завалить Webpack? где доказательства, что через 4 года это не надо будет переносить на Webpack? Итого - новая либа, новый зайп. Выпью чая за упокой через 5 лет.
Ну, во-первых, отвечая на ваш вопрос - ничем не может завалить :) Ровно как и Webpack вряд ли завалит Vite. У всех будут свои поклонники, у Vite, скорее всего, меньше, чем у Webpack, это факт. Продержится ли он пять лет - вопрос интересный, да, но пока что он делает как минимум лично мою работу лучше. Во-вторых, Gulp и Grunt - не сборщики, а таск-раннеры, которые используют то, что вы им подсунете (в лучшем случае - вебпак, в худшем - browserify какой-нибудь). Они позволяют настроить рабочий процесс так, как хочется, но это не значит, что они его облегчают. В-третьих, всё, что вы перечислили, кроме, пожалуй, кастомного плагина, есть на страницах документации, и даже не очень глубоко. Вит прежде всего за дев-опыт, как мне кажется, а это и не снилось таск-раннерам. Да, чтобы чем-то пользоваться, нужно в чём-то разобраться ("учить", как вы сказали), но ради всего святого, в мире фронтенда по-другому не бывает :) А плагины - поддерживаются от роллапа, их куча, так что вряд ли придётся что-то сильно кастомить (по крайней мере в первое время). Ну и, наконец, в-четвёртых: все всегда говорят про "большие проекты", и что на них " загнётся". Я вас умоляю, вряд ли каждый из нас тащит на себе десяток огромных систем. Vite хорош тем, что на небольших проектах он экономит время, ресурсы и нервы :) А перетаскивать что-то большое, что собирается вебпаком, на Vite - не надо ни в коем случае (я вот так не делаю), только если уже совсем нечем заняться. Любой инструмент хорош для своей задачи, об этом не нужно забывать.
Кошмар полный они решили что могут избавиться от половины существующих js скриптов, кошмар. + vite куча ошибок и нет каких либо правок. Очень плохо работает с laravel
Годно. Нравится подготовка, хорошо и эмоционально рассказываешь, видно что сценарий писал от души. И даже заинтересовал пощупать эту штуку. 1 субъективный минус по подаче. Держи записи с текстом рядом с камерой или за камерой, что бы глаза у тебя не скакали то вверх то вниз. Куда удачнее подача для слушателя получится когда ты будешь постоянно на него смотреть. в остальном прям кул. Подписался однозначно
Спасибо, было интересно) 12:10 Алексей, а добавление флага -S просто привычка, или есть еще какой то в этом смысл?) вроде как с npm ver.5 по дефолту пакеты в deps сохраняются.
Приятно было смотреть и слушать. Получил новые знания! Благодарю. Можно обрезать видео с тобой например в круг, чтобы было больше видно редактор? Тем самым можно увеличить шрифт. С мобильных часто смотрю. И уменьшить/скрыть project explorer левую боковую панель. Она тоже много места занимает. Успехов!
Лично я пропустил 2-ой этап из 3-ёх озвученных, так как желания копаться в сборщиках нет, я разрабатывать хочу а не тратить время на настройку , что с реактом что с ванилой
странности JS и прочей веб разработки объясняются огромным наличием всех этих бандлов, сборщиков и прочего говна от которого взырывются мозги даже у опытных разработчиков...
Ну малолетки разошлись! Столько всего понавыдумывали - молодцы! Я не знаю почему, но мне проще писать SPA на чистом JS. Без тулзов и фреймворков. Использую только склейку JS файлов с компонентами в бандл и минификатор - вот и все тулзы. Ну и микрофреймворк самописный для компонентов - два класса всего, а то с DOM работать напрямую - много писать лишнего. И никаких ноде модулей, тулзов и прочей современной фронтендщины. Я к такому подходу пришел еще в 2010 году и нормально идет дело. Пишу на ES5, чтоб бабель не юзать. Уже начал переходить на ES6+, мне IE по барабану, а остальные браузеры уже почти все поддерживают и так.
Вообще, почему-то во фронтенде все так усложнилось. Причем, особо новых фич на сайтах не добавилось. Зато разработка стала такая - куча тулзов, либ и либочек. Каждую неделю новый хайп. Щас уже потихоньку вроде устаканилось. Но в 2012 - 2016 каждый должен был написать свой фреймворк. И знатно его прохайпить! Даже я написал! Но не хайпил - я ж не фейсбук. Я еще со времен бекбона понял - ну его к черту, голову себе этим забивать. Надо будет реакт, если попаду на проект - без проблем! Я его за неделю освоил и могу писать на нем. Так же и вью. А нюансы по ходу постигаются, в процессе разработки.
А еще парит тот факт, что функциональщина капитально напирает. Elm, ReasonML, Clojurescript - такая дичь! Автор, не хочешь заняться этими шедеврами из мира функционального программирования? Начнешь на вещи изнутри смотреть.
Я вообще с Vite вынуждено познакомился из за Solidjs после того как быстро установилось окружение. Думал что то не установилось, но нет, действительно быстро.
А я вот запустил. И да, для нового бразуера все ок. Однако для IE vite тянет как легаси index так и дефолтный. Тоесть легаси бандл выростает в размере, что не очень хорошо.
Алексей, вы закончили проект с использованием Vite? какие минусы вы для себя заметили? Дело в том, что я проводила research и сравнение с cra в рамках учебных проектов, и я была приятно удивлена Vite. Также миграция проекта с реакт происходит элементарно. Интересно ваше мнение :-) есть ли какие то минусы, после которых вы никогда больше не захотите его использовать?
Сложно сказать, что "закончил". Он как раз сейчас в бою, развивается и работает :) Я до сих пор считаю его очень хорошей штукой. Кстати, проблему с import всё-таки исправили! Так что теперь проблем нет никаких. Всё быстро, всё легко. Я очень рад этому инструменту)
Сложно сказать. Прямо большие проекты на нём ещё не писал, но сейчас разрабатываем на работе относительно средний, с поддержкой легаси. Никаких проблем пока не заметил. А что за кучу оптимизаций имеете в виду?
@@lyohaplotinka возможно мой ответ будет глупым, тк я не читал доку по этой технологии, но работа с чанками, которая есть в веб-паке, выбор плагинов и тд. В общем альтернативы для продакшн сборки веб-пака.
А, с этим всё хорошо. На чанки делит из коробки (vendor/index/polyfill), плюс работа с динамическим импортом тоже поддерживается сразу, без дополнительных настроек, даже для легаси (через systemjs, если не ошибаюсь). По поводу плагинов - заявлена поддержка плагинов для роллапа, но я не проверял какие-то специфичные. Простые, типа очистки и babel точно поддерживаются :)
@@lyohaplotinka вот это правильно, у меня тут задачка появилась код сайта перевести с js на ts но в webpack не шарю да и конфиг для него еще до меня какой то недокодер писал, так что не вариант дописывать компилирование ts да и смысл, не думаю что каждый пишет свой велосипед, вот собственно и начал интересоваться всякими штуками типа vite или parcel, пока хз что использовать, но определено стоит попробовать, конечно же с поддержкой легаси так как сайт компании, но смущает что у вайт ставиться с HTML в случае с vanilla-ts по идее мне просто нужна компиляция ts с минификацией и компиляцией sass файлов, в общем будем смотреть
Приветствую! К сожалению (или к счастью), не пользовался. Но несколько раз натыкался на issues на гитхабе, связанные с лоадерами для vue и svelte, что, впрочем, вообще не показатель, так как под роллап и вебпак такие тоже есть.
Спасибо, но все же Laravel mix - one love ) Не многие знают, но он отлично работает вне Laravel, использую его постоянно, быстро и просто. Да, это надстройка над вэбпаком, но зато никакой магии и сложных настроек. Вебпак для ленивых)
Я лично считаю, что норм всё, что воспринимается лично вами нормально. Я бы так не стал делать, потому что мне было бы лень :) Да и проект проекту рознь, тоже важно.
А при чем тут Vite?) Это дело плагинов фреймворков, и их настроек. Есть vite-plugin-ssr, svelte точно собирал при помощи Vite для SSR. Так что все на месте ;)
Спасибо, сейчас создавал проект на vue-cli + vuetify и при сборке пустого приложения словил себя на мысле, что как-то долго собирается. Теперь решил попробовать сделать тестовую сборку на vite)
Бездумно пихать везде TS - ещё хуже. Зачем делать на нём демо-проект для видео, которое могут смотреть те, кто с ним не знаком? Обычно те, кто добрался до TS, без труда разбираются в том, как его подключить. Особенно в Vite, где нужно просто выбрать другой шаблон)
долго ждать установки зависимостей? А может ты просто перейдешь на мак или сменишь жесткий как минимум на SSD, а в идеале на супер быстрый SSD как на маке. Вобще такой проблемы не знаю, ставится все в считанные секунды
Модель от 2018 года, так что дело не в этом. Да и мак - не панацея. Во-первых, cra медленный даже на самых размаковых маках, во-вторых, начнёте работать с приложениями с симфони в докере - мнение очень быстро поменяете :)
Стало интересно после просмотра, решил попробовать перевести с CRA существующую аппку. Первым подводным камнем оказалось отсутствие поддержки JSX в .js файлах. Исторически сложилось, что компоненты в проекте писались именно так, всё работало отлично... до переезда. Ответ автора а одном из ишью оказался прост - меняйте названия, или сидите на CRA, лол). Хотя бы это оказалось не дольше минуты из-за уже существующих решений, но тезис с доки vite про полную совместимость с CRA можно выбросить в мусорку. Едем дальше. HMR Работает ну очень странно, иногда изменения не до конца обновлялись, выводились странности по типу текста "Назван" вместо "Название" и т.д., иногда полностью, но с заметными тупняками в ~5 секунд. Не совсем "Быстро и удобно". Конечно, побуквенно ковыряться в строке и смотреть её на практике вряд-ли кто-то будет, но раньше такого не было. Откатился на CRA и всё стало работать плавно и красиво. Иронично, что именно из-за плохой скорости решаю отложить переход на вит. Не сказал бы, что у меня овертяжелый проект на тысячи компонентов, простой средняк. хз почему он так тупит, может быть что-то сломали с последним патчем, или он действительно заточен на что-то очень очень легкое, как в примере. В любом случае, видос оказался интересный, а сборщик нет, помянем 🕯️🕯️
Что касается переезда с CRA/vue-cli на Vite - у меня нет опыта, так что не могу прокомментировать. Моё мнение - менять настолько основополагающий инструмент в проекте как минимум опрометчиво. В наших рабочих проектах мы использовали vue-cli, и так это и осталось, несмотря на возникающее иногда желание перенести всё на Vite. Расходы на это в итоге будут слишком велики. Всё же, по-моему Vite хорош для новых проектов) Что касается JSX и JS - способы есть, как я понял, но они не такие простые, как хотелось бы, да. С другой стороны, тут уже дело личного восприятия: для меня это было бы несущественной проблемой, я бы без проблем переименовал. Хотя, в большом готовом проекте это проблематично, разумеется (но тут уже можно смотреть первый абзац).
на первый взгляд vite фигня ) читаешь с экрана - ну очень не очень :( на экране одна картинка. микрофон ловит много шумов, постоянно когда говоришь в общем слышно эти звуки. Когда экран переключаешь на что нибудь еще куда нишло. В общем микрофон нормальный купи, лицо спрячь если читаешь с экрана, и делай что нибудь на экране, чтобы была динамика. Если не читаешь и на экране ничего не происходит, лучше тогда камеру во весь экран. Тогда будет интересно. Голос нормальный, слушать приятно. Микрофон только смени. Контент неплохой. удачи.
@@lyohaplotinka посмотрел видео, поставил традиционно, не особо задумываясь, создал проект на Vue, зашел в папку, сделал npm run dev он мне ругнулся что не знает такую команду как vite. what? ок, npm install vite еще раз npm run dev какая то большая куча ошибок все в красном. отличный положительный опыт, первое впечатление испорчено. идет нахер :) минус то что vue create app типа долго работает :) ну это смешно и не минус, я не делаю каждый день новые проекты, мне эта команда ну может пару раз в месяц нужна будет и все. в общем мусор. И не, не надо говорить что я там что-то не так делаю, криворукий. да блин зашел просто в банально nextjs как на первой странице написано поставил npm install nextjs или как там, cs app npm run dev открыл браузер, все работает. В общем все что в npm вызывает кучу ошибок идет в лес, я ни минуты не хочу тратить на это свое время, разбираться что там и как.
вообщето наоборот пока начинаешь проект и всё подгорает у тебя пока это всё подготавливаешь!А когда кончаешь его это радость большая-Всё закончил. о0о урааа
Бла бла бла вебпак это для меня сложно, поэтому вебпак плох по сравнению с Вит.Не лезте в вебпак если ваш интеллект не в состоянии его понять...да и в принципе не лезте в программирование раз для вас настройки по доке это "оооочень сложнаааа"
Если бы вы посмотрели видео дольше 5 секунд, вы бы поняли, что основная проблема вебпака в моих глазах - тормознутость. Но, кажется, вы просто хотите потоксичить, так что развлекайтесь :)
Моё мнение, которое никто не спрашивал - эта либа быстрая, потому-что проекты большие ещё не собирала.
Этих бандлеров хоть пруд пруди, Rollup, Gulp (ещё вроде жив), Grunt (помянем), теперь VITE. Если писать кастом, а на проектах так чаще всего и далается, VITE скорее всего будет душноват.
Хочешь дев-сервер с проксированием - учи VITE, хочешь писать кастомный плагин - учи VITE, хочешь собирать не только стили но и SVG - учи VITE. Спору нет, компилить ECMA в обычный старый JS можно огромным количеством способов. Но меня гложит один вопрос, даже два - чем эта либа может завалить Webpack? где доказательства, что через 4 года это не надо будет переносить на Webpack?
Итого - новая либа, новый зайп. Выпью чая за упокой через 5 лет.
Ну, во-первых, отвечая на ваш вопрос - ничем не может завалить :) Ровно как и Webpack вряд ли завалит Vite. У всех будут свои поклонники, у Vite, скорее всего, меньше, чем у Webpack, это факт. Продержится ли он пять лет - вопрос интересный, да, но пока что он делает как минимум лично мою работу лучше.
Во-вторых, Gulp и Grunt - не сборщики, а таск-раннеры, которые используют то, что вы им подсунете (в лучшем случае - вебпак, в худшем - browserify какой-нибудь). Они позволяют настроить рабочий процесс так, как хочется, но это не значит, что они его облегчают.
В-третьих, всё, что вы перечислили, кроме, пожалуй, кастомного плагина, есть на страницах документации, и даже не очень глубоко. Вит прежде всего за дев-опыт, как мне кажется, а это и не снилось таск-раннерам. Да, чтобы чем-то пользоваться, нужно в чём-то разобраться ("учить", как вы сказали), но ради всего святого, в мире фронтенда по-другому не бывает :) А плагины - поддерживаются от роллапа, их куча, так что вряд ли придётся что-то сильно кастомить (по крайней мере в первое время).
Ну и, наконец, в-четвёртых: все всегда говорят про "большие проекты", и что на них " загнётся". Я вас умоляю, вряд ли каждый из нас тащит на себе десяток огромных систем. Vite хорош тем, что на небольших проектах он экономит время, ресурсы и нервы :) А перетаскивать что-то большое, что собирается вебпаком, на Vite - не надо ни в коем случае (я вот так не делаю), только если уже совсем нечем заняться. Любой инструмент хорош для своей задачи, об этом не нужно забывать.
@@lyohaplotinka хороший ответ, читаю с интересом, хорошая работа!
Кошмар полный они решили что могут избавиться от половины существующих js скриптов, кошмар. + vite куча ошибок и нет каких либо правок. Очень плохо работает с laravel
Бодрый пацан) продолжай) Спасибо за видео!
Годно. Нравится подготовка, хорошо и эмоционально рассказываешь, видно что сценарий писал от души. И даже заинтересовал пощупать эту штуку. 1 субъективный минус по подаче. Держи записи с текстом рядом с камерой или за камерой, что бы глаза у тебя не скакали то вверх то вниз. Куда удачнее подача для слушателя получится когда ты будешь постоянно на него смотреть. в остальном прям кул. Подписался однозначно
у меня наоборот, не люблю настраивать, только писать код
Голос отличный, только не хватает ролику монтажа с гарфикой, или динамичность как на Coding Train
Норм. Главное контент. К тому же дикция отличная
Спасибо, было интересно)
12:10 Алексей, а добавление флага -S просто привычка, или есть еще какой то в этом смысл?) вроде как с npm ver.5 по дефолту пакеты в deps сохраняются.
Привычка :) Да и не знал я про это, спасибо
Приятно было смотреть и слушать. Получил новые знания! Благодарю.
Можно обрезать видео с тобой например в круг, чтобы было больше видно редактор? Тем самым можно увеличить шрифт. С мобильных часто смотрю. И уменьшить/скрыть project explorer левую боковую панель. Она тоже много места занимает.
Успехов!
Молоток!!! Пили ещё контент с такой же бодрой подачей! Каналу успехов
объясните пж, какой смысл замарачиваться о легаси? кто и зачем использует explorer 11?
Лично я пропустил 2-ой этап из 3-ёх озвученных, так как желания копаться в сборщиках нет, я разрабатывать хочу а не тратить время на настройку , что с реактом что с ванилой
это все конечно хорошечно, но так как ошибки в терминале не выводятся, то мой dev expreience только страдает (React 18 + Vite)
Какой такой бальзам? Боль.React SPA с Routers нифига не показывает index html ,после сборки на Vite
странности JS и прочей веб разработки объясняются огромным наличием всех этих бандлов, сборщиков и прочего говна от которого взырывются мозги даже у опытных разработчиков...
кроме восторженных розовых соплей пубертатного подростка, можешь по делу что сказать?
Ну малолетки разошлись! Столько всего понавыдумывали - молодцы!
Я не знаю почему, но мне проще писать SPA на чистом JS. Без тулзов и фреймворков.
Использую только склейку JS файлов с компонентами в бандл и минификатор - вот и все тулзы.
Ну и микрофреймворк самописный для компонентов - два класса всего, а то с DOM работать напрямую - много писать лишнего.
И никаких ноде модулей, тулзов и прочей современной фронтендщины. Я к такому подходу пришел еще в 2010 году и нормально идет дело.
Пишу на ES5, чтоб бабель не юзать. Уже начал переходить на ES6+, мне IE по барабану, а остальные браузеры уже почти все поддерживают и так.
Вообще, почему-то во фронтенде все так усложнилось.
Причем, особо новых фич на сайтах не добавилось. Зато разработка стала такая - куча тулзов, либ и либочек. Каждую неделю новый хайп.
Щас уже потихоньку вроде устаканилось. Но в 2012 - 2016 каждый должен был написать свой фреймворк. И знатно его прохайпить! Даже я написал! Но не хайпил - я ж не фейсбук.
Я еще со времен бекбона понял - ну его к черту, голову себе этим забивать.
Надо будет реакт, если попаду на проект - без проблем!
Я его за неделю освоил и могу писать на нем. Так же и вью. А нюансы по ходу постигаются, в процессе разработки.
А еще парит тот факт, что функциональщина капитально напирает.
Elm, ReasonML, Clojurescript - такая дичь!
Автор, не хочешь заняться этими шедеврами из мира функционального программирования?
Начнешь на вещи изнутри смотреть.
@@olezhonnv3215 тулзы ради тулзов, никто из них даже не знает что у них в node_modules
Тоже удручает надстройка над надстройкой. Лучше знать голый язык и все
Спасибо! Узнал о Vite через SvelteKit, попробуй сделать урок про него, может тоже наберет много просмотров)
Спасибо за ролик. Оставил на заметку Vite.
По поводу видео тоже отметил что камера была не к месту. А вот текст хороший)
Никто уже не поддерживает IE...
А вот и поддерживают :)
Спасибо огромное! Очень полезное видео про Vite
Я вообще с Vite вынуждено познакомился из за Solidjs после того как быстро установилось окружение. Думал что то не установилось, но нет, действительно быстро.
Пожалуйста, остановитесь! Хватит! Сколько можно кошмарить индустрию?!
Не переживайте, что же вас так задело?
Онет! Неужели олды пришли?!
Господи отстаньте вы от этого IE...
Так с нетерпением жду этого момента. Но люди его используют, а бизнес требует поддерживать.
Це лайк!
Какое говно все-таки ваш фронтенд
а есть репозиторий с жтим кодом?
Нагрузка от internet explorer и веб шторма передалась даже на мой комп при просмотре видео
как по мне - rollup vs webpack - вот и вся разница
Не соглашусь, а как же разница при разработке?
А я вот запустил. И да, для нового бразуера все ок. Однако для IE vite тянет как легаси index так и дефолтный. Тоесть легаси бандл выростает в размере, что не очень хорошо.
Понятно, что это обзор, а не обучающий ролик, но всё же, можно было не закрывать экран с кодом в примере? Хотелось тоже написать как в примере)
Очень хороший обзор!!!
Спасибо :))
Если все равно читаешь текст с экрана, зачем себя показывать в углу)
Нод модулес)))
Алексей, вы закончили проект с использованием Vite? какие минусы вы для себя заметили? Дело в том, что я проводила research и сравнение с cra в рамках учебных проектов, и я была приятно удивлена Vite. Также миграция проекта с реакт происходит элементарно. Интересно ваше мнение :-) есть ли какие то минусы, после которых вы никогда больше не захотите его использовать?
Сложно сказать, что "закончил". Он как раз сейчас в бою, развивается и работает :)
Я до сих пор считаю его очень хорошей штукой. Кстати, проблему с import всё-таки исправили! Так что теперь проблем нет никаких. Всё быстро, всё легко. Я очень рад этому инструменту)
@@lyohaplotinka спасибо за ответ, я тоже пока не заметила весомых недостатков)
О чудо, всё работает, только позиционирование слетело )))
Не, ну это подписка
Блин, у тебя прикольный голос, будто ты профессиональный актер. Классно сочетается с материалом.
Попробовал Vite. Быстрая штука, спору нет. Не могу разобраться как пути поменять при сборке проекта. С "/" на "./" чтобы заливать не в корень сайта.
Лицо поменьше сделай, пол экрана не видно, а на камере нет ничего интересного.
видосик топ, отличное объяснение со стороны практики.
Webpack 5 вышел и тоже всё быстро и хорошо
i don't understand :(
на сколько он удобен в больших проектах, где нужна куча оптимизаций в сравнении с веб-паком?
Сложно сказать. Прямо большие проекты на нём ещё не писал, но сейчас разрабатываем на работе относительно средний, с поддержкой легаси. Никаких проблем пока не заметил.
А что за кучу оптимизаций имеете в виду?
@@lyohaplotinka возможно мой ответ будет глупым, тк я не читал доку по этой технологии, но работа с чанками, которая есть в веб-паке, выбор плагинов и тд. В общем альтернативы для продакшн сборки веб-пака.
А, с этим всё хорошо. На чанки делит из коробки (vendor/index/polyfill), плюс работа с динамическим импортом тоже поддерживается сразу, без дополнительных настроек, даже для легаси (через systemjs, если не ошибаюсь).
По поводу плагинов - заявлена поддержка плагинов для роллапа, но я не проверял какие-то специфичные. Простые, типа очистки и babel точно поддерживаются :)
@@lyohaplotinka спасибо за ответ!)
Хм, почему вит а не вайт ?) Я его так называю, приятнее как то звучит, мягче чтоли
Потому что слово французское) пытаемся уважать транскрипцию!)
@@lyohaplotinka ты только на чистом js пишешь или ts используешь ?
@@awenn2015 на работе все проекты на TS, конечно же
@@lyohaplotinka вот это правильно, у меня тут задачка появилась код сайта перевести с js на ts но в webpack не шарю да и конфиг для него еще до меня какой то недокодер писал, так что не вариант дописывать компилирование ts да и смысл, не думаю что каждый пишет свой велосипед, вот собственно и начал интересоваться всякими штуками типа vite или parcel, пока хз что использовать, но определено стоит попробовать, конечно же с поддержкой легаси так как сайт компании, но смущает что у вайт ставиться с HTML в случае с vanilla-ts по идее мне просто нужна компиляция ts с минификацией и компиляцией sass файлов, в общем будем смотреть
Чёрт, скорость реально завидное
Привет. Случайно наткнулся на тебя в рекомендациях. Что думаешь про Parcel?
Приветствую! К сожалению (или к счастью), не пользовался. Но несколько раз натыкался на issues на гитхабе, связанные с лоадерами для vue и svelte, что, впрочем, вообще не показатель, так как под роллап и вебпак такие тоже есть.
Спасибо, Алексей!))
Крутой разбор )
Спасибо, но все же Laravel mix - one love )
Не многие знают, но он отлично работает вне Laravel, использую его постоянно, быстро и просто.
Да, это надстройка над вэбпаком, но зато никакой магии и сложных настроек.
Вебпак для ленивых)
Динамично! Но видать что читаешь.
Ну-ка ну-ка... кто тут у нас? )) Годно. Пиши ещё. Поддержу. Лайк подписка колокол.
Ты шикарен)
Спасибо
А писать для каждого проекта новый конфиг для вебрака это норм?
Я лично считаю, что норм всё, что воспринимается лично вами нормально. Я бы так не стал делать, потому что мне было бы лень :)
Да и проект проекту рознь, тоже важно.
Спасибо большое! Об этом Evan You написал статью на своем твиттере.
спасибо чел )
Интересную тему замутил!
Спасибо, заинтересовал. Попробую на досуге
инфа интересная!
Прям про меня видос! Ахахаха!! ))
А где ssr?
А при чем тут Vite?) Это дело плагинов фреймворков, и их настроек. Есть vite-plugin-ssr, svelte точно собирал при помощи Vite для SSR. Так что все на месте ;)
@@lyohaplotinka чёт он какой-то странный плагин. Мне больше концепция nextjs нравиться. Его легко хоть с express хоть с nestjs синтегрировать.
Спасибо, сейчас создавал проект на vue-cli + vuetify и при сборке пустого приложения словил себя на мысле, что как-то долго собирается. Теперь решил попробовать сделать тестовую сборку на vite)
Я думаю, вы не пожалеете :)
Писать react без typescript чет такое себе ))
Бездумно пихать везде TS - ещё хуже. Зачем делать на нём демо-проект для видео, которое могут смотреть те, кто с ним не знаком? Обычно те, кто добрался до TS, без труда разбираются в том, как его подключить. Особенно в Vite, где нужно просто выбрать другой шаблон)
@@lyohaplotinka да не, просто глаза уже режет когда его нет и все
Вместо "вит" произносишь "вайт" ты, а от мерзкого звука должен вздрагивать я )
В целом спасибо, классная штука, возьму на заметку. Подписался )
Негативное закрепление для всех :D
Спасибо!
@@lyohaplotinka правильно нЕчего коверкать французский 😂
подписка
Я 100 подписчик !!! Ураа 🥳🥳 интересное видео, молодец!)
Рад не меньше вашего, добро пожаловать и спасибо!)
Очень годно, однозначно подписка.
Пытался я настроить вит с ionic, но не смог, вроде поддержки нет.
Это же что-то типа Cordova? Думаю, энтузиасты скоро сделают :)
@@lyohaplotinka я использовал его в качестве ui библиотеки.
долго ждать установки зависимостей? А может ты просто перейдешь на мак или сменишь жесткий как минимум на SSD, а в идеале на супер быстрый SSD как на маке. Вобще такой проблемы не знаю, ставится все в считанные секунды
Ну, во-первых, переходить на мак ради разработки сайтов - задача не для всех выполнимая. Во-вторых - у меня как раз мак :)
@@lyohaplotinka возможно старый мак. Ну если ты этим зарабатываешь, то я думаю это стоит того, даже джуны могут позволить себе мак в кредит )
Модель от 2018 года, так что дело не в этом.
Да и мак - не панацея. Во-первых, cra медленный даже на самых размаковых маках, во-вторых, начнёте работать с приложениями с симфони в докере - мнение очень быстро поменяете :)
@@lyohaplotinka ну то что макс сам по себе лагает и тормозит это да. Но я говорил именно за npm install))
Не запаривайся на счёт монтажа
На картинку многим плевать, лишь бы не рябило)
Пили контент и покоряй алгоритмы ютуба
Главное чтобы код было видно
Стало интересно после просмотра, решил попробовать перевести с CRA существующую аппку.
Первым подводным камнем оказалось отсутствие поддержки JSX в .js файлах. Исторически сложилось, что компоненты в проекте писались именно так, всё работало отлично... до переезда. Ответ автора а одном из ишью оказался прост - меняйте названия, или сидите на CRA, лол). Хотя бы это оказалось не дольше минуты из-за уже существующих решений, но тезис с доки vite про полную совместимость с CRA можно выбросить в мусорку.
Едем дальше. HMR Работает ну очень странно, иногда изменения не до конца обновлялись, выводились странности по типу текста "Назван" вместо "Название" и т.д., иногда полностью, но с заметными тупняками в ~5 секунд. Не совсем "Быстро и удобно". Конечно, побуквенно ковыряться в строке и смотреть её на практике вряд-ли кто-то будет, но раньше такого не было.
Откатился на CRA и всё стало работать плавно и красиво. Иронично, что именно из-за плохой скорости решаю отложить переход на вит. Не сказал бы, что у меня овертяжелый проект на тысячи компонентов, простой средняк. хз почему он так тупит, может быть что-то сломали с последним патчем, или он действительно заточен на что-то очень очень легкое, как в примере. В любом случае, видос оказался интересный, а сборщик нет, помянем 🕯️🕯️
Что касается переезда с CRA/vue-cli на Vite - у меня нет опыта, так что не могу прокомментировать. Моё мнение - менять настолько основополагающий инструмент в проекте как минимум опрометчиво. В наших рабочих проектах мы использовали vue-cli, и так это и осталось, несмотря на возникающее иногда желание перенести всё на Vite. Расходы на это в итоге будут слишком велики. Всё же, по-моему Vite хорош для новых проектов)
Что касается JSX и JS - способы есть, как я понял, но они не такие простые, как хотелось бы, да. С другой стороны, тут уже дело личного восприятия: для меня это было бы несущественной проблемой, я бы без проблем переименовал. Хотя, в большом готовом проекте это проблематично, разумеется (но тут уже можно смотреть первый абзац).
на первый взгляд vite фигня ) читаешь с экрана - ну очень не очень :( на экране одна картинка. микрофон ловит много шумов, постоянно когда говоришь в общем слышно эти звуки. Когда экран переключаешь на что нибудь еще куда нишло. В общем микрофон нормальный купи, лицо спрячь если читаешь с экрана, и делай что нибудь на экране, чтобы была динамика. Если не читаешь и на экране ничего не происходит, лучше тогда камеру во весь экран. Тогда будет интересно. Голос нормальный, слушать приятно. Микрофон только смени. Контент неплохой. удачи.
Очень много про меня и очень мало при Vite! Спасибо за критику контента, но интересно обоснование вашей точки зрения именно про инструмент :)
@@lyohaplotinka посмотрел видео, поставил традиционно, не особо задумываясь, создал проект на Vue, зашел в папку, сделал npm run dev он мне ругнулся что не знает такую команду как vite. what? ок, npm install vite еще раз npm run dev какая то большая куча ошибок все в красном. отличный положительный опыт, первое впечатление испорчено. идет нахер :) минус то что vue create app типа долго работает :) ну это смешно и не минус, я не делаю каждый день новые проекты, мне эта команда ну может пару раз в месяц нужна будет и все. в общем мусор. И не, не надо говорить что я там что-то не так делаю, криворукий. да блин зашел просто в банально nextjs как на первой странице написано поставил npm install nextjs или как там, cs app npm run dev открыл браузер, все работает. В общем все что в npm вызывает кучу ошибок идет в лес, я ни минуты не хочу тратить на это свое время, разбираться что там и как.
@@rudinandrey понятно :)
вообщето наоборот пока начинаешь проект и всё подгорает у тебя пока это всё подготавливаешь!А когда кончаешь его это радость большая-Всё закончил. о0о урааа
Vite читатеся как "вайт".
Вите
могут прорабы убить писание арр прям тошнит от этого)).Хочется поменять имя на Kozel
Бла бла бла вебпак это для меня сложно, поэтому вебпак плох по сравнению с Вит.Не лезте в вебпак если ваш интеллект не в состоянии его понять...да и в принципе не лезте в программирование раз для вас настройки по доке это "оооочень сложнаааа"
Дамы и господа - вторая стадия!)
@@lyohaplotinka да мы и господа -тупая стадия)
Если бы вы посмотрели видео дольше 5 секунд, вы бы поняли, что основная проблема вебпака в моих глазах - тормознутость. Но, кажется, вы просто хотите потоксичить, так что развлекайтесь :)
Дизлайк в студию)
бро, пили контент, вроде норм получается у тебя. посмотри канал Sorax, возьми концепции, будет бомба. подписка, лайк!
Ну ты олд. Sorax уже 4 года ничего не выпускает )
@@MascleGinger и с тех пор его видосы становятся всё более актуальны в море dev шлака
1 стадия обучения: webpack -> cra
Где-то в сторонке смеются олдфаги, работавшие с gulp/grunt
Помню gulp+browserify :)