Путь миграции крошечного приложения на Vue 3
Будучи вовлеченным в сообщество Vue и особенно в митапы в Афинах и Барселоне, я обычно много общаюсь с людьми, которые изо всех сил пытаются перейти на Vue 3. Вдобавок ко всему, я сам работаю над большой кодовой базой, за которой стоит множество внутренних и общедоступных веб-сайтов, и миграция - это загадка, которую нам все еще нужно решить.
До недавнего времени я думал, что этого следовало ожидать. Большая кодовая база сопряжена с большими затратами на обслуживание, но в рамках моей недавней статьи об анимации Vue мне потребовалось обновить крошечную кодовую базу до последней версии Vue, поскольку анимация является одним из многих важных изменений. Я столкнулся с некоторыми проблемами и задокументировал все шаги на случай, если я сэкономлю кому-то немного времени и разочарований.
https://fadamakis.com/the-journey-of-migrating-a-tiny-application-to-vue-3-4db56f4143d5
Будучи вовлеченным в сообщество Vue и особенно в митапы в Афинах и Барселоне, я обычно много общаюсь с людьми, которые изо всех сил пытаются перейти на Vue 3. Вдобавок ко всему, я сам работаю над большой кодовой базой, за которой стоит множество внутренних и общедоступных веб-сайтов, и миграция - это загадка, которую нам все еще нужно решить.
До недавнего времени я думал, что этого следовало ожидать. Большая кодовая база сопряжена с большими затратами на обслуживание, но в рамках моей недавней статьи об анимации Vue мне потребовалось обновить крошечную кодовую базу до последней версии Vue, поскольку анимация является одним из многих важных изменений. Я столкнулся с некоторыми проблемами и задокументировал все шаги на случай, если я сэкономлю кому-то немного времени и разочарований.
https://fadamakis.com/the-journey-of-migrating-a-tiny-application-to-vue-3-4db56f4143d5
Medium
The Journey of Migrating a tiny Application to Vue 3
By being involved with the Vue community and especially with the Athens and Barcelona meetups, I usually have multiple interactions with…
Как перетаскивать в Vue?
Vue.js отлично подходит для создания интерактивных интерфейсов. Это включает в себя интерфейсы, в которых элементы можно перетаскивать, чтобы вручную сортировать элементы или группировать их по-разному (представьте себе доску в стиле Канбан, такую как Trello). Однако поддержка перетаскивания не встроена в ядро Vue.js из коробки.
Итак, как мне обеспечить поддержку перетаскивания в приложении Vue.js?
https://vueschool.io/articles/vuejs-tutorials/how-do-i-drag-and-drop-in-vue/
Vue.js отлично подходит для создания интерактивных интерфейсов. Это включает в себя интерфейсы, в которых элементы можно перетаскивать, чтобы вручную сортировать элементы или группировать их по-разному (представьте себе доску в стиле Канбан, такую как Trello). Однако поддержка перетаскивания не встроена в ядро Vue.js из коробки.
Итак, как мне обеспечить поддержку перетаскивания в приложении Vue.js?
https://vueschool.io/articles/vuejs-tutorials/how-do-i-drag-and-drop-in-vue/
Контейнеризируйте приложение Angular без Nginx
В этой статье основное внимание уделяется созданию базового файла докера для запуска любого приложения Angular.
https://awstip.com/dockerize-angular-application-without-nginx-6768d3e75db2
В этой статье основное внимание уделяется созданию базового файла докера для запуска любого приложения Angular.
https://awstip.com/dockerize-angular-application-without-nginx-6768d3e75db2
Осваивайте принципы SOLID как свои пять пальцев всего за 8 минут!
В этом блоге я продемонстрирую реализацию принципов SOLID в приложении React. К концу этой статьи вы полностью усвоите принципы SOLID. https://hackernoon.com/mastering-solid-principles-like-the-back-of-your-hand-in-just-8-minutes?source=rss
В этом блоге я продемонстрирую реализацию принципов SOLID в приложении React. К концу этой статьи вы полностью усвоите принципы SOLID. https://hackernoon.com/mastering-solid-principles-like-the-back-of-your-hand-in-just-8-minutes?source=rss
Hackernoon
Mastering SOLID Principles Like the Back of Your Hand in Just 8 Minutes!
Boost Performance, Maintainability, and Scalability with SOLID Principles in React Applications!
Интерактивное руководство по изучению Angular Vue js
Все, что можно узнать о Vue и Angular и экосистеме в 2023 году.
https://roadmap.sh/vue
https://roadmap.sh/angular
Все, что можно узнать о Vue и Angular и экосистеме в 2023 году.
https://roadmap.sh/vue
https://roadmap.sh/angular
roadmap.sh
Vue Developer Roadmap: Learn to become a Vue developer
Community driven, articles, resources, guides, interview questions, quizzes for vue development. Learn to become a modern Vue developer by following the steps, skills, resources and guides listed in this roadmap.
Forwarded from REact
5 самых известных угроз безопасности React и способы их решения
Как одна из самых популярных библиотек JavaScript, React стала отраслевым стандартом для разработки одностраничных и мобильных приложений, а лично мне больше всего нравится библиотека программирования. Он такой простой, но сложный, легкий в освоении и структурированный: неудивительно, что везде появляются, как грибы, приложения React.
Однако, как и любая другая технология, она не застрахована от потенциальных уязвимостей системы безопасности; знание их позволит вам быть готовым и не допустить, чтобы один или несколько из них повлияли на вашу работу и веб-сайт.
https://medium.com/@rickmint/5-most-famous-react-security-threats-and-how-to-solve-them-%EF%B8%8F-79871e774f7f
Как одна из самых популярных библиотек JavaScript, React стала отраслевым стандартом для разработки одностраничных и мобильных приложений, а лично мне больше всего нравится библиотека программирования. Он такой простой, но сложный, легкий в освоении и структурированный: неудивительно, что везде появляются, как грибы, приложения React.
Однако, как и любая другая технология, она не застрахована от потенциальных уязвимостей системы безопасности; знание их позволит вам быть готовым и не допустить, чтобы один или несколько из них повлияли на вашу работу и веб-сайт.
https://medium.com/@rickmint/5-most-famous-react-security-threats-and-how-to-solve-them-%EF%B8%8F-79871e774f7f
Давайте рассмотрим пару распространенных ловушек и ошибок при создании функций композиции/композиций для Vue 3.
https://www.telerik.com/blogs/common-mistakes-creating-composition-functions-vue
https://www.telerik.com/blogs/common-mistakes-creating-composition-functions-vue
Telerik Blogs
Common Mistakes When Creating Composition Functions in Vue
Let’s explore a couple of common pitfalls and mistakes when creating composition functions/composables for Vue 3.
Анимация И Переходы С Помощью Tailwind CSS
Добавление анимации и переходов на веб-сайты требует большой работы, но эта статья покажет вам, как легко выполнить эти задачи с помощью Tailwind CSS.
https://blog.openreplay.com/animations-and-transitions-with-tailwind-css/
Добавление анимации и переходов на веб-сайты требует большой работы, но эта статья покажет вам, как легко выполнить эти задачи с помощью Tailwind CSS.
https://blog.openreplay.com/animations-and-transitions-with-tailwind-css/
Сигналы значительно упрощают работу с Angular
https://dev.to/mfp22/signals-make-angular-much-easier-3k9
https://dev.to/mfp22/signals-make-angular-much-easier-3k9
Распространенные ошибки при создании функций композиции в Vue
Давайте рассмотрим пару распространенных ловушек и ошибок при создании функций композиции/композиций для Vue 3.
https://www.telerik.com/blogs/common-mistakes-creating-composition-functions-vue
Давайте рассмотрим пару распространенных ловушек и ошибок при создании функций композиции/композиций для Vue 3.
https://www.telerik.com/blogs/common-mistakes-creating-composition-functions-vue
Telerik Blogs
Common Mistakes When Creating Composition Functions in Vue
Let’s explore a couple of common pitfalls and mistakes when creating composition functions/composables for Vue 3.
Как перетаскивать объекты в Vue?
Vue.js отлично подходит для создания интерактивных интерфейсов. Это включает в себя интерфейсы, в которых элементы можно перетаскивать, чтобы вручную сортировать элементы или группировать их по-разному (представьте себе доску в стиле Канбан, такую как Trello). Однако поддержка перетаскивания не встроена в ядро Vue.js из коробки.
Итак, как мне обеспечить поддержку перетаскивания в приложении Vue.js?
https://vueschool.io/articles/vuejs-tutorials/how-do-i-drag-and-drop-in-vue/
Vue.js отлично подходит для создания интерактивных интерфейсов. Это включает в себя интерфейсы, в которых элементы можно перетаскивать, чтобы вручную сортировать элементы или группировать их по-разному (представьте себе доску в стиле Канбан, такую как Trello). Однако поддержка перетаскивания не встроена в ядро Vue.js из коробки.
Итак, как мне обеспечить поддержку перетаскивания в приложении Vue.js?
https://vueschool.io/articles/vuejs-tutorials/how-do-i-drag-and-drop-in-vue/
В этом руководстве мы узнаем, как создать пользовательскую форму для ввода адресной информации и подключить ее для работы с файлами <mat-form-field>.
https://indepth.dev/posts/1522/custom-form-group-with-angular-material
https://indepth.dev/posts/1522/custom-form-group-with-angular-material
Развертывание Приложений Vue В Облаке С Помощью Kubernetes
В этой статье мы углубимся в этапы развертывания приложений в облаке с помощью Kubernetes. Давайте погрузимся и раскроем преимущества и особенности работы с оркестровкой приложений Vue с помощью Kubernetes. https://blog.openreplay.com/deploying-vue-apps-to-the-cloud-with-kubernetes/
В этой статье мы углубимся в этапы развертывания приложений в облаке с помощью Kubernetes. Давайте погрузимся и раскроем преимущества и особенности работы с оркестровкой приложений Vue с помощью Kubernetes. https://blog.openreplay.com/deploying-vue-apps-to-the-cloud-with-kubernetes/
Openreplay
Deploying Vue apps to the cloud with Kubernetes
How to quickly get your Vue app up to the cloud
Аутентификация в Angular, почему это так сложно уложить в голове
По определению одностраничного приложения SPA: все элементы на экране больше не являются частью глобального состояния страницы, а имеют свое собственное существование и срок службы. Аутентификация и авторизация. Влияют на некоторые или все элементы на экране, что делает его необычным.
https://medium.com/@aayyash/authentication-in-angular-why-it-is-so-hard-to-wrap-your-head-around-it-23ea38a366de
По определению одностраничного приложения SPA: все элементы на экране больше не являются частью глобального состояния страницы, а имеют свое собственное существование и срок службы. Аутентификация и авторизация. Влияют на некоторые или все элементы на экране, что делает его необычным.
https://medium.com/@aayyash/authentication-in-angular-why-it-is-so-hard-to-wrap-your-head-around-it-23ea38a366de
Forwarded from Cloud Services
Развертывание Приложений Vue В Облаке С Помощью Kubernetes
Vue.js завоевал популярность среди разработчиков благодаря своей простоте и гибкости в создании динамических и интерактивных интерфейсных приложений. Однако в современном мире разработки программного обеспечения контейнеры и оркестровка стали мощной парадигмой, которая никуда не денется. В этой статье мы углубимся в этапы развертывания приложений в облаке с помощью Kubernetes. Давайте погрузимся и раскроем преимущества и особенности работы с оркестровкой приложений Vue с помощью Kubernetes.
https://blog.openreplay.com/deploying-vue-apps-to-the-cloud-with-kubernetes/
Vue.js завоевал популярность среди разработчиков благодаря своей простоте и гибкости в создании динамических и интерактивных интерфейсных приложений. Однако в современном мире разработки программного обеспечения контейнеры и оркестровка стали мощной парадигмой, которая никуда не денется. В этой статье мы углубимся в этапы развертывания приложений в облаке с помощью Kubernetes. Давайте погрузимся и раскроем преимущества и особенности работы с оркестровкой приложений Vue с помощью Kubernetes.
https://blog.openreplay.com/deploying-vue-apps-to-the-cloud-with-kubernetes/
Как использовать Axios с Vue.js
В этой статье мы рассмотрим, как использовать HTTP-клиент Axios с Vue.js для выполнения HTTP-запросов в наших приложениях Vue. https://www.telerik.com/blogs/how-to-use-axios-vue
В этой статье мы рассмотрим, как использовать HTTP-клиент Axios с Vue.js для выполнения HTTP-запросов в наших приложениях Vue. https://www.telerik.com/blogs/how-to-use-axios-vue
Telerik Blogs
How to Use Axios with Vue.js
In this article, we will look at how to use the Axios HTTP client with Vue.js to make HTTP requests in our Vue apps.
10+ лучших библиотек Angular для вашего следующего веб-приложения
При разработке веб-приложения на Angular доступно несколько популярных библиотек. Каждая библиотека имеет свой собственный набор функций и преимуществ, поэтому важно выбрать библиотеку, которая лучше всего подходит для вашего проекта. Ниже приведены некоторые из самых популярных библиотек Angular.
https://flatlogic-manager.medium.com/top-10-angular-libraries-for-your-next-web-app-530d43530781
При разработке веб-приложения на Angular доступно несколько популярных библиотек. Каждая библиотека имеет свой собственный набор функций и преимуществ, поэтому важно выбрать библиотеку, которая лучше всего подходит для вашего проекта. Ниже приведены некоторые из самых популярных библиотек Angular.
https://flatlogic-manager.medium.com/top-10-angular-libraries-for-your-next-web-app-530d43530781
10 полезных функций Angular, которые вы, вероятно, никогда не использовали
10 полезных функций Angular, которые вы могли пропустить.
https://blog.bitsrc.io/10-useful-angular-features-youve-probably-never-used-e9e33f5c35a7
10 полезных функций Angular, которые вы могли пропустить.
https://blog.bitsrc.io/10-useful-angular-features-youve-probably-never-used-e9e33f5c35a7
Medium
10 Useful Angular Features You’ve Probably Never Used
10 useful Angular features you might have missed.
React + Signals = Vue 3
Cигналы быстро внедряются во все современные фреймворки javascript. Они существовали всегда, но недавно появились в Solidjs , и теперь все основные фреймворки javascript, включая Qwik , Preact и Angular , принимают их. Они могут значительно сократить количество шаблонов, но реализация неизбежно будет выглядеть более или менее одинаково независимо от лежащего в основе фреймворка. Давайте посмотрим на пример с двумя более популярными фреймворками, React и Vue.
https://fadamakis.com/react-signals-vue-3-463fefc51129
Cигналы быстро внедряются во все современные фреймворки javascript. Они существовали всегда, но недавно появились в Solidjs , и теперь все основные фреймворки javascript, включая Qwik , Preact и Angular , принимают их. Они могут значительно сократить количество шаблонов, но реализация неизбежно будет выглядеть более или менее одинаково независимо от лежащего в основе фреймворка. Давайте посмотрим на пример с двумя более популярными фреймворками, React и Vue.
https://fadamakis.com/react-signals-vue-3-463fefc51129
Medium
React + Signals = Vue 3
Signals are being adopted rapidly by all modern javascript frameworks. They have been around forever but resurfaced recently by Solidjs…