🍿 Новости web-разработки - th-cam.com/video/UnGUk1nN-a4/w-d-xo.html 🎓 Все курсы по разработке: purpleschool.ru? 🎓 Курс JavaScript: purpleschool.ru/course/javascript-advanced? 🎓 Курс TypeScript: purpleschool.ru/course/typescript? 💬 Telegram канал с полезными советами: t.me/purple_code_channel
А что насчёт Svelte 5-ки)? Если будет ролик о нём, то с удовольствием могу помочь рассказать (веду большой прод, где удалось его затащить ещё на стадии RC)
привет. Какое расширение у вас стоит, чтобы была помощь при передаче параметров или конфигов в методы, я имею в виду у вас появляется плейсхолдер как подсказка. Как это сделать?
Дайте поглядеть ваш конфиг nvim-а пожалуйста. Хочу посмотреть как у вас vue законфижен. А то у меня постоянно с ним проблемы возникают. И спасибо за контент!
Он всегда мог. Накст это метафреймворк, который кроме сср даёт тебе ещё кучу фичей и плюшек для удобства. Но так же даёт и кучу боли, если ты не умеешь работать с этими плюшками)
Безопасность, оптимизация по скорости, seo оптимизация. Да и просто удобно, что у тебя есть под рукой небольшой локальный сервер, который может помочь тебе без боли работать с некоторыми костылями бэкендеров.
Буквально недавно только Гугл бот начал обрабатывать JS. До этого все SPA приложения он видел просто их index.html пустой, и приходилось выворачивается через sitemap, но это все равно не давало того же результата. В случае с SSR, весь рендер был бы серверный и он бы видел отрендеренный html. Но даже сейчас когда Гугл завезли обработку JS, не Гугл едины, и я сейчас не только про поисковики, например Wayback Machine не бекапит нормально. Та и скорость работы, вместо загрузки большущего чанка, готовый html, и хоть без js смотри страницу, та и не нужно браузеру, а соответственно и железу устройства разбирать тот джс, собирать виртуальный дом что бы потом зарендерить это все, уже всё готово. Да, есть ещё SSG (вроде так), статическая генерация html страничек, но вот именно что она статическая. Ну и в общем если мутить какой то не большой сайт или приложуху, SPA пойдет, но если например интернет магазин, то без шансов, лучше SSR.
@@PurpleSchool получается такой код interface IProps { options: any[]; value: object|string|number; isRequired?: boolean; label?: string; placeholder?: string; }
const { options = [], isRequired = false, label = '', placeholder = 'Dropdown placeholder' } = defineProps() в приниципе мне нравится, только тут теряется переменная props, и теперь нужно не запутаться откуда пришла переменная из пропсов или локальная а так да, хороший синтаксис
🍿 Новости web-разработки - th-cam.com/video/UnGUk1nN-a4/w-d-xo.html
🎓 Все курсы по разработке: purpleschool.ru?
🎓 Курс JavaScript: purpleschool.ru/course/javascript-advanced?
🎓 Курс TypeScript: purpleschool.ru/course/typescript?
💬 Telegram канал с полезными советами: t.me/purple_code_channel
Спасибо за контент по vue 🤝🏻
Пожалуйста 👍
Круто! Так держать!
Спасибо)
наконец-то про Vue! Спасибо!!!
@@aceracer5556 пожалуйста)
ура! спасибо за подробный разбор!
Пожалуйста)
Спасибо за видео, очень полезное. Будет круто в курсе по вью сделать акцент на практических примерах.
Постараюсь как обычно все на практике рассказывать)
Классный канал. Автор - топ.
@@romanmeleshin спасибо!
молодчик, спасибо!
@@valeriyk7565 пожалуйста!
Спасибо, за видео!
@@Vladislav1449 пожалуйста!
спасибо за видео
сам реактолог но ваше видел глянул
😁
Супер, побольше бы про фронтенд ))
@@arthgame1 хорошо)
Увеличьте шрифт на записи с экрана, с телефона еле видно
А что насчёт Svelte 5-ки)? Если будет ролик о нём, то с удовольствием могу помочь рассказать (веду большой прод, где удалось его затащить ещё на стадии RC)
Да, планирую по нему небольшое видео
привет.
Какое расширение у вас стоит, чтобы была помощь при передаче параметров или конфигов в методы, я имею в виду у вас появляется плейсхолдер как подсказка. Как это сделать?
@@РоманБрошніцкий это стандартный функционал Zed
Вью это мощь 👍
👍
@@PurpleSchool бывшие джикуери программисты любят вью
@@ИванИванов-ц5ю6х а что в этом плохого?
Этот день будет на века вписан в учебники истории
Почему?)
Дайте поглядеть ваш конфиг nvim-а пожалуйста. Хочу посмотреть как у вас vue законфижен. А то у меня постоянно с ним проблемы возникают.
И спасибо за контент!
Пожалуйста сделайте обзор на Next.js 15, заранее благодарю!
Скоро будет)
ssr-vue - это как в React, где к фреймворку прикрутили SSR? Т.е. это не Nuxt?
Это Vue с ssr на Node.js
в useTemplateRef не обязательно передавать тип, он сам определить на какой элемент навешен и задаст тип
В первом примере ты задаёшь msg как обязательный параметр пропсов и указываешь его дефолтные значение. Корректнее будет msg?: string
А, увидел, там серенький, соррян
👍
вот только у подобной деструктуризации пропсов с установкой значения по умолчанию есть один недостаток - они перестают быть реактивными
не перестают с версии 3.5.ох уж эти умники...
@ да, надо перепроверить, это я вебшторм послушал - он предупреждал об этом
За последние годы Vue стал самым удобным фреймворком с точки зрения DX
можно бригаду для бэкендеров?) че такое DX?
@@a3development960developer xperince, полагаю
@@a3development960 Developer Experience?? Я так думаю, сам бек
да и для фуллстакеров тоже нужно пояснение
@@a3development960 ну есть UX - User Experience, а тут DX - Developer Experience, то бишь удобство использования для пользователя/разработчика
Server render rendering
И что теперь?! Nuxt не нужен, если vue может в ssr?
@@Кирилл-ч9л9т он и раньше мог. Nuxt готовый фреймворк с роутингом, кэшированием, статик рендером.
Он всегда мог. Накст это метафреймворк, который кроме сср даёт тебе ещё кучу фичей и плюшек для удобства. Но так же даёт и кучу боли, если ты не умеешь работать с этими плюшками)
❤❤❤
@@HEX_CAT ❤️
зачем вообще нужен ssr в 2024? чисто из-за безопасности или чтобы код не спи***ли?
Безопасность, оптимизация по скорости, seo оптимизация.
Да и просто удобно, что у тебя есть под рукой небольшой локальный сервер, который может помочь тебе без боли работать с некоторыми костылями бэкендеров.
Буквально недавно только Гугл бот начал обрабатывать JS. До этого все SPA приложения он видел просто их index.html пустой, и приходилось выворачивается через sitemap, но это все равно не давало того же результата. В случае с SSR, весь рендер был бы серверный и он бы видел отрендеренный html. Но даже сейчас когда Гугл завезли обработку JS, не Гугл едины, и я сейчас не только про поисковики, например Wayback Machine не бекапит нормально. Та и скорость работы, вместо загрузки большущего чанка, готовый html, и хоть без js смотри страницу, та и не нужно браузеру, а соответственно и железу устройства разбирать тот джс, собирать виртуальный дом что бы потом зарендерить это все, уже всё готово. Да, есть ещё SSG (вроде так), статическая генерация html страничек, но вот именно что она статическая. Ну и в общем если мутить какой то не большой сайт или приложуху, SPA пойдет, но если например интернет магазин, то без шансов, лучше SSR.
Привет, что лучше сначала учить, node или ts? Уже знаю React
Глупый вопрос
Лучше TypeScript
@@ByteCode-d8m Проясните, пожалуйста
@@PurpleSchool А сколько примерно его нужно учить? Ну для базы, знаю, что это типа JS ,но с типизацией
Нода для бэка, реакт фронт, тебе нет смысла распыляться@@kilhbffvc7011
Next 15, Svelte 5, Vue 3.5, столько всего...
Есть еще Nuxt если что.
Да, буду все последовательно рассказывать)
4:09 минус глаза
Ну извините)
interface IProps {
options: any[];
value: object|string|number;
isRequired?: boolean;
label?: string;
placeholder?: string;
}
const props = withDefaults(defineProps(), {
options: () => [],
isRequired: false,
label: '',
placeholder: 'Dropdown placeholder',
})
мне вот кажется такая запись пропсов с default значениями удобнее, хотя никакой принципиальной разницы
ИМХО
@@strelok_rus так можно и в моём случае вынести в интерфейс, важно, что не надо использовать withDefaults
@@PurpleSchool получается такой код
interface IProps {
options: any[];
value: object|string|number;
isRequired?: boolean;
label?: string;
placeholder?: string;
}
const {
options = [],
isRequired = false,
label = '',
placeholder = 'Dropdown placeholder'
} = defineProps()
в приниципе мне нравится, только тут теряется переменная props, и теперь нужно не запутаться откуда пришла переменная из пропсов или локальная
а так да, хороший синтаксис
зачем вообще нужен ssr в 2024? чисто из-за безопасности или чтобы код не спи***ли?
@@a3development960 для SEO для скорости работы
Погоня за оптимизацией, хотя большая часть трафика не интерфейс, а медиа сайта (картинки, видео, музло).