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!