Господи, для людей который «зрят в корень» это просто кладесь знаний. Спасибо тебе огромное за такую проделанную работу. Подача размеренная и слушать приятно! Однозначно лайк подписка)
Большое спасибо автору за круто составленный и детальный разбор такого инструмента! Жаль, что действительно желающих разобраться людей кратно меньше, чем любителей шортсов, но тут каждый лайк более, чем заслуженный )) Успехов!
Не понимаю хейта в комментах. Слушать приятно, рассказывает автор очень понятно и информация отлично структурирована. Разве это не прекрасно, когда у человека своя изюминка в манере речи есть? Никого не слушай, отличная подача. Удачи в развитии канала, не бросай - своего зрителя ты точно найдешь Влепил подписку лайк с двух ног
Как и всегда, тонны полезной информации. Отдельная благодарность за объяснение темы proxy в разделе "Конфигурация сервера"! Большое спасибо за Ваш труд!
Привет. У тебя просто замечательный канал. Долго искал что-то подтянуть знания по VUE, VITE, и пр. Наткнулся на этот канал чудом. Доделаю свой проектик, и примусь просматривать твои ролики. Твои видео почему-то довольно плохо гуглятся как из поисковиков, так и в самом TH-cam. Если сделаешь что-нибудь с этим, просмотры пойдут вверх. Если беглым взглядом, все что нужно у тебя есть. Поставленный голос, комфортный темп подачи, сама подача. Удачи)
Привет) Большое спасибо за исчерпывающий отзыв) Приятного просмотра! Буду постепенно пробовать разные методы для увеличения количества просмотров, еще раз спасибо!
Той момент коли люди пишуть за якись незрозумілий тон та наголосні, дивлячись контент для навчання тай щей у програмувані, де саме головне це інформація та результат, а не наголосні і тон. Люди ви прийшли не подкаст слухати і не шоу дивитися... Куди цей світ котиться. Автор топ, контент якісний, наснаги та витримки вам ✌ .
16:02 небольшое дополнение функция __vite__updateStyle это алиас для updateStyle(id, content) которая в свою очередь выполняет style = document.createElement('style'); style.setAttribute('type', 'text/css'); style.textContent = content; document.head.appendChild(style);
re. 1:01:14 почему мой девтулз показывает мне все содержимое div class="wrapper" без необходимости outerHTML? с outerHTML выводит все содержимое как текст в одну строку
Когда мы деплоим на github pages, то при маршрутизации в React всегда нужна указывать путь с значением свойства base из конфигурации vite.config? Пример: path="repository" path="repository/contacts" И так же с Link to?
Честно говоря, я сам не пробовал, но, вероятно, что нужно переопределять свойство base в файле vite.config.js Вот статья по этому поводу, которая может прояснить ситуацию - blog.devgenius.io/how-to-deploy-your-vite-react-app-to-github-pages-with-and-without-react-router-b060d912b10e
Да, можно) JSX это своего рода спецификация - github.com/facebook/jsx, поэтому можно написать свою реализацию этой спецификации. Самая популярная реализация спецификации JSX на данный момент это та, что используется в React-е. Как раз в этом уроке th-cam.com/video/evmIHSAn1AU/w-d-xo.html был разобран простейший пример реализации JSX спецификации (просто в целях обучения).
Привет. Чуток дополню сказанное в видео, при развертке приложения React + Typescript плагин Vite-Plugin-Checker не будет работать, т.е. отображать ошибки TypeScript, с настройкой указанной в видео - (checker({ typescript: true})), он отработает только в режиме сборки, верно будет указать - checker({ typescript: { buildMode: true} }).
Точно не скажу, сам не пробовал) Как и для Gulp, так и для Vite, на сегодняшний день существует множество плагинов. Практически уверен, что все, что можно сделать с помощью Gulp, можно сделать и с помощью Vite. Думаю, структуру проекта менять не прийдется. У Вас в проекте используются CommonJS или ESM модули?
@@igorbabko в проектах используется ESM. Я столкнулся с проблемой структуры проекта в первые когда начал пробовать vite. сделать директорию для js "./dist/assets/sctipts/bundle.js" немного сложнова-то в vite.
Спасибо большое за то, что цените мою работу! Я очень рад) Я хочу создать какой-то образовательный ресурс с видео курсами и уроками, или использовать тот же бусти, как получится) Это все в планах. Но, даже после создания платной платформы, буду продолжать делать бесплатные видео на TH-cam. Еще раз спасибо!
Привет) рекомендую посмотреть в сторону шаблонизатора Handlerbars, или какого-то другого) Шаблонизаторы позволяют собирать HTML страницы с отдельных составляющих - stackoverflow.com/a/70920064 Вот плагин для интеграции Handlerbars с Vite - github.com/alexlafroscia/vite-plugin-handlebars
Тема VS Code: marketplace.visualstudio.com/items?itemName=JoseMurilloc.aura-spirit-dracula Иконки VS Code: marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme На канале есть плейлист по моей настройке интерфейса VS Code (как раз в первом видео применяется данная тема) - th-cam.com/play/PL-FhWbGlJPfZmjF9sLoSVAF4-9R1cSXxo.html
совершенно ничего не понимаю. тут еще надо тонну всего знать по JS 30 минут посмотрел ничего не понял вообще. Когда смотрел про gulp сборку видосы и то было понятнее что там и как, а что тут за преобразования при импорте вообще не понимаю и что с этим делать....
Не тяни гласныеееее в конце предложенияяяяя или в конце каждой мыслиииии, это отвратительно звучииииит. А тут ещё ты пытаешься тянуть согласные (!), это вообще пц.
@@ArthurMudrick потому что, если тебе что-то там кажется, это не означает, что нужно автору какие-то предьявы закидывать. Не комфортно? Не смотри. Смотри там, где тебе все понятно и приятно.
Telegram - t.me/igorbabko_dev
Господи, для людей который «зрят в корень» это просто кладесь знаний. Спасибо тебе огромное за такую проделанную работу. Подача размеренная и слушать приятно! Однозначно лайк подписка)
Большое спасибо за благодарность, поддержку и подписку! Рад слышать, что Вам понравился курс)
в точку. сразу отмотал куда нужно и можно работать, спасибо автору!
@@ilya7435 а я до сих пор делаю конспекты в вёрде со скриншотами через LightShot))))))))))))))))))))))))))))))))))
Очень редкое явление: максимальная концентрация годноты в одном месте. Спасибо тебе за грамотные изложение и речь, приятно слушать❤❤
Очень рад такому приятному отзыву, всегда пожалуйста))
Урок превосходит все ожидания. Спасибо огромное за проделанную работу.
Всегда пожалуйста!)
огнище! спасибо большое. это лучший материал по vite, который я видел. на мой взгляд даже лучше, чем getting start в документации
Рад слышать) благодарю за поддержку!
Спасибо было полезно. Проделана колосальная работа!
Всегда пожалуйста!
Большое спасибо автору за круто составленный и детальный разбор такого инструмента! Жаль, что действительно желающих разобраться людей кратно меньше, чем любителей шортсов, но тут каждый лайк более, чем заслуженный )) Успехов!
Благодарю Вас за мотивирующий комментарий!
Не понимаю хейта в комментах. Слушать приятно, рассказывает автор очень понятно и информация отлично структурирована. Разве это не прекрасно, когда у человека своя изюминка в манере речи есть?
Никого не слушай, отличная подача. Удачи в развитии канала, не бросай - своего зрителя ты точно найдешь
Влепил подписку лайк с двух ног
Большое спасибо за поддержку и подписку! Буду стараться регулярно выкладывать видео)
Крутой урок, спасибо что все разложил по полочкам,продолжай в том же духе не сдавайся,однозначно подписка и лайк 🔥🔥🔥🔥🔥🔥🔥🔥
Благодарю за поддержку и подписку!
Отличное курс, самый детальный разбор. Спасибо за приложенные усилия !
Всегда пожалуйста)
Огромное спасибо автору за детальное последовательное обучающее видео! Очень познавательно. Лайк и подписка!
Спасибо большое за поддержку и подписку!
Как и всегда, тонны полезной информации. Отдельная благодарность за объяснение темы proxy в разделе "Конфигурация сервера"! Большое спасибо за Ваш труд!
Благодарю за обратную связь) всегда пожалуйста!
Это просто супер!!! Спасибо!!!
Всегда пожалуйста) рад, что Вам понравилось)
Привет. У тебя просто замечательный канал. Долго искал что-то подтянуть знания по VUE, VITE, и пр. Наткнулся на этот канал чудом. Доделаю свой проектик, и примусь просматривать твои ролики.
Твои видео почему-то довольно плохо гуглятся как из поисковиков, так и в самом TH-cam. Если сделаешь что-нибудь с этим, просмотры пойдут вверх. Если беглым взглядом, все что нужно у тебя есть. Поставленный голос, комфортный темп подачи, сама подача. Удачи)
Привет) Большое спасибо за исчерпывающий отзыв) Приятного просмотра! Буду постепенно пробовать разные методы для увеличения количества просмотров, еще раз спасибо!
Спасибо Вам большое!
Пожалуйста)
Игорь, большое Вам спасибо за курс! Я смог быстро освоить базу по vite и приступить к работе
P.S Продолжайте в том же духе!
Рад слышать! Спасибо большое за поддержку!
Той момент коли люди пишуть за якись незрозумілий тон та наголосні, дивлячись контент для навчання тай щей у програмувані, де саме головне це інформація та результат, а не наголосні і тон. Люди ви прийшли не подкаст слухати і не шоу дивитися... Куди цей світ котиться. Автор топ, контент якісний, наснаги та витримки вам ✌ .
Благодарю Вас за поддержку и активность в комментариях!)
16:02
небольшое дополнение
функция __vite__updateStyle это алиас для updateStyle(id, content) которая в свою очередь выполняет
style = document.createElement('style');
style.setAttribute('type', 'text/css');
style.textContent = content;
document.head.appendChild(style);
Благодарю за дополнение!
Господи спасибо, что я нашёл это видео
Благодарю за подписку, и приятного просмотра!)
Ахренеть, вот это пушка. Видео отличного качества материала
Зашел на канал, а там вообще кайф
Спасибо))
👍
Курс прям круто❤
Рад слышать!
thanks bro
You are welcome!
re. 1:01:14 почему мой девтулз показывает мне все содержимое div class="wrapper" без необходимости outerHTML? с outerHTML выводит все содержимое как текст в одну строку
Я так понимаю, Вы используете Chrome? Похоже, это еще зависит от браузера. Попробуйте так - console.dir(template)
@@igorbabko да, верно, в хроме. dir-то, конечно, показал свойства элемента, не знал что от браузера зависит. Благодарю. Шикарное видео.
Понял) спасибо!
Лучший!
Благодарю за поддержку)
Спасибо!
Всегда пожалуйста!
Когда мы деплоим на github pages, то при маршрутизации в React всегда нужна указывать путь с значением свойства base из конфигурации vite.config? Пример:
path="repository"
path="repository/contacts"
И так же с Link to?
Честно говоря, я сам не пробовал, но, вероятно, что нужно переопределять свойство base в файле vite.config.js
Вот статья по этому поводу, которая может прояснить ситуацию - blog.devgenius.io/how-to-deploy-your-vite-react-app-to-github-pages-with-and-without-react-router-b060d912b10e
а можно использовать jsx без React? информации в сети почти нет об этом
Да, можно) JSX это своего рода спецификация - github.com/facebook/jsx, поэтому можно написать свою реализацию этой спецификации. Самая популярная реализация спецификации JSX на данный момент это та, что используется в React-е.
Как раз в этом уроке th-cam.com/video/evmIHSAn1AU/w-d-xo.html был разобран простейший пример реализации JSX спецификации (просто в целях обучения).
Дякую, за твою роботу! Чудово все розповів. Чи плануєш знімати відео про Nuxt 3?
Всегда пожалуйста! Да, планирую делать видео и по Nuxt, пока точно не знаю, когда именно)
@@igorbabko по Nuxt обязательно сделайте, если будет такая возможность! Желающие посмотреть и изучить будут.
@@inteltone Постараюсь, этот курс у меня в планах)
Привет. Чуток дополню сказанное в видео, при развертке приложения React + Typescript плагин Vite-Plugin-Checker не будет работать, т.е. отображать ошибки TypeScript, с настройкой указанной в видео - (checker({ typescript: true})), он отработает только в режиме сборки, верно будет указать - checker({ typescript: { buildMode: true} }).
Привет, благодарю за информацию!
можно ли на vite полноценно перейти с галпа? при этом сохранив структуру проектов
Точно не скажу, сам не пробовал) Как и для Gulp, так и для Vite, на сегодняшний день существует множество плагинов. Практически уверен, что все, что можно сделать с помощью Gulp, можно сделать и с помощью Vite.
Думаю, структуру проекта менять не прийдется.
У Вас в проекте используются CommonJS или ESM модули?
@@igorbabko в проектах используется ESM. Я столкнулся с проблемой структуры проекта в первые когда начал пробовать vite. сделать директорию для js "./dist/assets/sctipts/bundle.js" немного сложнова-то в vite.
Если используются ESM модули, то будет проще. И как в итоге, получилось, или решили пока не переходить?)
@@igorbabko очень хочется, но пока что очень сложно. либо мои задачи проекта немного не подходят для vite, либо я слабо еще в нем разобрался)
В любом случае, желаю успехов в изучении!
Это просто титаническая работа. Почему бы вам не завести бусти с платными курсами?
перед этим нужно хорошую базу
Спасибо большое за то, что цените мою работу! Я очень рад)
Я хочу создать какой-то образовательный ресурс с видео курсами и уроками, или использовать тот же бусти, как получится) Это все в планах.
Но, даже после создания платной платформы, буду продолжать делать бесплатные видео на TH-cam. Еще раз спасибо!
Вы имеете в виду большую аудиторию?
Обзор качественный - хоть сеньором по нему сразу не станешь)))
Хаха, благодарю!))
крутяк, очень качественный контент 👍
Спасибо большое)
Привет, а как можно в html импортировать другой html? Подскажи, пожалуйста
Привет) рекомендую посмотреть в сторону шаблонизатора Handlerbars, или какого-то другого) Шаблонизаторы позволяют собирать HTML страницы с отдельных составляющих - stackoverflow.com/a/70920064
Вот плагин для интеграции Handlerbars с Vite - github.com/alexlafroscia/vite-plugin-handlebars
Вот еще инструмент, который, по всей видимости, позволяет работать с разными шаблонизаторами в Vite проектах, только я его не использовал)
vituum.dev/
Да просто Gulp можно использовать для импорта html
Как тема vsc называеться?
Тема VS Code: marketplace.visualstudio.com/items?itemName=JoseMurilloc.aura-spirit-dracula
Иконки VS Code: marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme
На канале есть плейлист по моей настройке интерфейса VS Code (как раз в первом видео применяется данная тема) - th-cam.com/play/PL-FhWbGlJPfZmjF9sLoSVAF4-9R1cSXxo.html
Я думаю это крутая штука, что бы писать что то вроде своей библиотеки
Тоже считаю, что библиотеки разрабатывать интересно)
Есть кто изучает сейчас декабрь 24 года ?
+
@@struggle-z6i Как успехи в обучении?
совершенно ничего не понимаю. тут еще надо тонну всего знать по JS 30 минут посмотрел ничего не понял вообще. Когда смотрел про gulp сборку видосы и то было понятнее что там и как, а что тут за преобразования при импорте вообще не понимаю и что с этим делать....
Ты верстальщик а не фронтенд разработчик, это разное)
Честно говоря, я тоже долго разбирался, когда изучал Vite и пытался понять суть его работы)) со временем все должно разъясниться)
Действительно, тут нужно иметь хорошую базу во фронтенд разработке для понимания сути работы Vite 🙂
Видно , что автор шарит в теме, но подача не очень. Быстро, запутанно, монотонно.
С каждым новым видео стараюсь улучшать вышеперечисленные характеристики)
Не тяни гласныеееее в конце предложенияяяяя или в конце каждой мыслиииии, это отвратительно звучииииит. А тут ещё ты пытаешься тянуть согласные (!), это вообще пц.
Благодарю за обратную связь) делаю как могу, но с каждым новым видео стараюсь улучшать и произношение, и качество видео, и все остальное)
Дурачек?
@@grantorino3465 это ещё почему?
@@ArthurMudrick потому что, если тебе что-то там кажется, это не означает, что нужно автору какие-то предьявы закидывать. Не комфортно? Не смотри. Смотри там, где тебе все понятно и приятно.
@@grantorino3465 алло, мне ничего там не кажется, я всё прекрасно отчётливо слышу, алло, может у тебя со слухом не в порядке?
инфа класс, но слушать тебя трудно, меня на 10 минут хватило и начало дергать от перекатывания твоего голоса с высокого на низкий.
Благодарю за обратную связь) делаю как могу, но с каждым новым видео стараюсь улучшать и произношение, и качество видео, и все остальное)
Класс 👍
Благодарю за поддержку!