This media is not supported in your browser
VIEW IN TELEGRAM
Не забываем, что на сайте документации
#vuejs #docs
Vue.js
есть очень информативный и полезный для разработчика любого уровня Глоссарий#vuejs #docs
ru.vuejs.org
Vue.js
Vue.js - The Progressive JavaScript Framework
Vue.js. Genesis.
В начале был чистый JavaScript.
Фронтенд фреймворки были сложны и хаотичны, и JQuery смеялся над ними.
И сказал Эван: "Да будет Vue", и появился Vue.
Эван увидел, что Vue хорош, и отделил его от остальных фронтенд фреймворков.
Был вечер, и было утро — день первый.
И сказал Эван: "Да будут отделены HTML, CSS и JavaScript в коде".
Создал Эван компоненты и разделил в них код HTML, CSS и JavaScript. И стало так.
И назвал Эван это Single-File Components.
И увидел он, что это хорошо.
Был вечер, и было утро — день второй.
И сказал Эван: "Да наполнится HTML шаблон компонента v-директивами для удобства разработки. Да появятся слоты для композиции . Да создастся Virtual DOM для производительности".
И стали слоты, директивы и Virtual DOM.
Был вечер, и было утро — день третий.
И сказал Эван: "Да не будут стили одного компонента влиять на стили другого".
И сделал Эван scoped стили.
Был вечер, и было утро — день четвертый.
И сказал Эван: "Да произведет Reactivity API сущности разного рода".
И произвел Reactivity API реактивные сущности разного рода - и Ref, и Reactive, и Shallow тварей, и watch, чтобы следить за ними, и computed, чтобы создавать новых.
Был вечер, и было утро — день пятый.
И сказал Эван реактивным сущностям: "Плодитесь и размножайтесь. Связывайтесь с шаблоном и управляйте им. Наполняйте комозаблы и реализуйте бизнес логику в js модулях".
Эван посмотрел на всё, что он создал, и всё было очень хорошо.
Был вечер, и было утро — день шестой.
Так было завершено сотворение Vue.js и всего, что составляет его.
К седьмому дню Эван закончил труд, который он совершал, и на седьмой день он отдыхал от всех своих дел в сонме других демиургов, исполняя песню о любви.
#vuejs #esse #genesis
В начале был чистый JavaScript.
Фронтенд фреймворки были сложны и хаотичны, и JQuery смеялся над ними.
И сказал Эван: "Да будет Vue", и появился Vue.
Эван увидел, что Vue хорош, и отделил его от остальных фронтенд фреймворков.
Был вечер, и было утро — день первый.
И сказал Эван: "Да будут отделены HTML, CSS и JavaScript в коде".
Создал Эван компоненты и разделил в них код HTML, CSS и JavaScript. И стало так.
И назвал Эван это Single-File Components.
И увидел он, что это хорошо.
Был вечер, и было утро — день второй.
И сказал Эван: "Да наполнится HTML шаблон компонента v-директивами для удобства разработки. Да появятся слоты для композиции . Да создастся Virtual DOM для производительности".
И стали слоты, директивы и Virtual DOM.
Был вечер, и было утро — день третий.
И сказал Эван: "Да не будут стили одного компонента влиять на стили другого".
И сделал Эван scoped стили.
Был вечер, и было утро — день четвертый.
И сказал Эван: "Да произведет Reactivity API сущности разного рода".
И произвел Reactivity API реактивные сущности разного рода - и Ref, и Reactive, и Shallow тварей, и watch, чтобы следить за ними, и computed, чтобы создавать новых.
Был вечер, и было утро — день пятый.
И сказал Эван реактивным сущностям: "Плодитесь и размножайтесь. Связывайтесь с шаблоном и управляйте им. Наполняйте комозаблы и реализуйте бизнес логику в js модулях".
Эван посмотрел на всё, что он создал, и всё было очень хорошо.
Был вечер, и было утро — день шестой.
Так было завершено сотворение Vue.js и всего, что составляет его.
К седьмому дню Эван закончил труд, который он совершал, и на седьмой день он отдыхал от всех своих дел в сонме других демиургов, исполняя песню о любви.
#vuejs #esse #genesis
Аргументация против
1. Это явно - ты всегда видишь, откуда взялся компонент и в один клик можешь провалиться в него, а не в
2. Это наглядно видно не только в редакторе, но и на всяких гитхабах, когда смотришь там код, с автоимпортами тебе придется гадать, откуда взялся компонент
3. Если проект вырастает во что-то большее, чем маленький пет, то количество компонентов уже не даст нормально и лампово работать с автоимпортами, если их названия будут собираться на основе папочек, где они лежат, а в больших проектах это вообще самоубийство
4. Не нужно генерировать портянку
5. Ты уверен, что тришейкинг работает правильно и ты явно контролируешь загрузку каждого конкретного компонента в каком-либо месте, а не полагаешься на то, что за тебя это каким-то магическим образом сделает автоимпорт
6. Импорты может проставлять сама
#architecture #bestpractices #tip #nuxt
глобальных автоимпортов
(типа тех, что в Nuxt
) от Artyom Tuchkov1. Это явно - ты всегда видишь, откуда взялся компонент и в один клик можешь провалиться в него, а не в
*.d.ts
;)2. Это наглядно видно не только в редакторе, но и на всяких гитхабах, когда смотришь там код, с автоимпортами тебе придется гадать, откуда взялся компонент
3. Если проект вырастает во что-то большее, чем маленький пет, то количество компонентов уже не даст нормально и лампово работать с автоимпортами, если их названия будут собираться на основе папочек, где они лежат, а в больших проектах это вообще самоубийство
4. Не нужно генерировать портянку
*.d.ts
для того, чтобы редакторы видели их, и, как следствие, без них ты получаешь более качественный тулинг и анализ твоего кода5. Ты уверен, что тришейкинг работает правильно и ты явно контролируешь загрузку каждого конкретного компонента в каком-либо месте, а не полагаешься на то, что за тебя это каким-то магическим образом сделает автоимпорт
6. Импорты может проставлять сама
IDE
, а еще их можно сворачивать в 1 строку, если визуально отвлекают#architecture #bestpractices #tip #nuxt
Недавно только обсуждали провал
Но ребята тамупоротые упорные, и решили выжать из своего домена максимум - теперь они будут окучивать и ангулярщиков.
#vueschool #certification #angular
Vue School
с их Vue
сертификацией на certificates.dev
(хотя с точки зрения бизнеса это, наверно, совсем не провал).Но ребята там
#vueschool #certification #angular
certificates.dev
Angular Certification | Created by Google Developer Experts
Become a certified Angular Dev. Master components, RxJS, & more with our online certification. 3 levels, guaranteed industry-relevant. Get certified, get hired!
В
Определять стили можно в том числе и в самом
Вообще,
#vitepress
VitePress
картинкам тоже можно задавать стили.Определять стили можно в том числе и в самом
.md
файле.Вообще,
VitePress
можно застилизовать до неузнаваемости (в хорошем смысле этого слова)#vitepress
Очень познавательный стрим АйТиБороды про Владилена Минина,
Бо́льшую часть его занимает рассказ о конфликте Минина и Ильи Климова, начавшегося с мининского курса по
Больше всего удивляет тупость стримера. Вроде бы взрослый, серьезный, понюхавший пороха человек, а всё равно ему надо десять раз наступить на говно, пять раз его понюхать и два раза попробовать на вкус прежде чем признать, что это говно. И даже после этого делать предположение, что возможно в душе это все-таки плохо сваренное шоколадное масло.
То ли дело настоящая борода IT - Мурыч
В конце стрима темная энергия мининских хомячков сделала свое черное дело... (
#itbeard #minin #video
Бо́льшую часть его занимает рассказ о конфликте Минина и Ильи Климова, начавшегося с мининского курса по
Vue
.Больше всего удивляет тупость стримера. Вроде бы взрослый, серьезный, понюхавший пороха человек, а всё равно ему надо десять раз наступить на говно, пять раз его понюхать и два раза попробовать на вкус прежде чем признать, что это говно. И даже после этого делать предположение, что возможно в душе это все-таки плохо сваренное шоколадное масло.
То ли дело настоящая борода IT - Мурыч
В конце стрима темная энергия мининских хомячков сделала свое черное дело... (
#itbeard #minin #video
YouTube
Про Владилена Минина / ТБД Июль 2024
Внеочередной Традиционный Бородатый Стрим, в котором расскажу вам историю взаимоотношений с моим самым "любимым" блогером - Владиленом Мининым. Парень продолжает выдумывать сказки, надо бы рассказать как всё было на самом.
За одно разберем новый курс Владилена…
За одно разберем новый курс Владилена…
Еще одна малоизвестная
Для
Features
📦 Out-of-box high quality 78 Vue 3 components
📐 Intuitive, minimalistic Api design
🔧 Configurable default value of props, quickly complete global/local modifications
⚡️ Composition Api, good performance base
🔨 With TypeScript, fully types
💪 1100+ unit tests to provide good stability
🎨 Support CSS variable, built-in dark theme
🚩 Support i18n
🛫 Provide resolver, support unplugin
🚤 Support SSR
🩹 Good a11n
👀 Close to business code arrangement, low threshold for source code reading
The design tokens are base on Open Color, and have some adjustments.
————
А какие еще чисто
Чтобы не переписка с какого-нибудь
Это ведь имеет огромное значение и для размера бандла, и для производительности, и для
#lib #ui
UI
библиотека от китайцев - Vexip UI Для
Vue 3
, с мягкой приятной графикой и интересным наборов компонентов. Есть, например, Wheel и TourFeatures
📦 Out-of-box high quality 78 Vue 3 components
📐 Intuitive, minimalistic Api design
🔧 Configurable default value of props, quickly complete global/local modifications
⚡️ Composition Api, good performance base
🔨 With TypeScript, fully types
💪 1100+ unit tests to provide good stability
🎨 Support CSS variable, built-in dark theme
🚩 Support i18n
🛫 Provide resolver, support unplugin
🚤 Support SSR
🩹 Good a11n
👀 Close to business code arrangement, low threshold for source code reading
The design tokens are base on Open Color, and have some adjustments.
————
А какие еще чисто
Vue 3
UI
библиотеки существуют?Чтобы не переписка с какого-нибудь
Реакта
или Vue 2
.Это ведь имеет огромное значение и для размера бандла, и для производительности, и для
DX
.#lib #ui
Vexip UI
Vexip UI - Make interesting in development
A Vue 3 UI library, highly customizability, full TypeScript, performance pretty good.