Улучшение Angular ngFor с помощью директивы trackById Когда вам нужно перебрать коллекцию в Angular, вы, вероятно, будете использовать директиву ngFor, которая будет создавать экземпляр шаблона один раз для каждого элемента из коллекции.
Если нам нужно изменить данные в коллекции, например, в результате запроса API, у нас возникает проблема, потому что Angular не может отслеживать элементы в коллекции. Он также не знает, какие элементы были удалены или добавлены.
В результате Angular необходимо удалить все элементы DOM, связанные с данными, и создать их снова. Это означает множество манипуляций с DOM, особенно в случае большой коллекции. Как известно, манипуляции с DOM обходятся дорого. https://goo.su/9wxi
Если нам нужно изменить данные в коллекции, например, в результате запроса API, у нас возникает проблема, потому что Angular не может отслеживать элементы в коллекции. Он также не знает, какие элементы были удалены или добавлены.
В результате Angular необходимо удалить все элементы DOM, связанные с данными, и создать их снова. Это означает множество манипуляций с DOM, особенно в случае большой коллекции. Как известно, манипуляции с DOM обходятся дорого. https://goo.su/9wxi
This Dot Labs
Improving Angular ngFor using trackById Directive - This Dot Labs
Using ngFor in Angular When you need to iterate over a collection in Angular, you will probably use the ngFor directive that will instantiate a template once…
Интеграция с Vue для Nano Stores https://goo.su/ML8
Vue.js Examples
Vue integration for Nano Stores, a tiny state manager with many atomic tree-shakable stores
This media is not supported in your browser
VIEW IN TELEGRAM
Простая анимация меню vue с выделением https://goo.su/ORj
Управление качеством, Java 17, white-box тестирование — все это и даже больше обсудим 15 декабря Регистрируйся на онлайн-митап Газпромбанка и IT_One при поддержке JUG Ru Group. Будет интересно!
Топовые спикеры из Газпромбанка, IT_One, VMware и Qameta Software выступят с докладами по двум параллельным трекам: Java и QA. Готовьте свои каверзные вопросы — за самые интересные пришлем фирменный мерч от Газпромбанка и IT_One
Митап пройдет онлайн 15 декабря в 18:00 по Москве. Зарегистрироваться > https://vk.cc/c8LOgx
Топовые спикеры из Газпромбанка, IT_One, VMware и Qameta Software выступят с докладами по двум параллельным трекам: Java и QA. Готовьте свои каверзные вопросы — за самые интересные пришлем фирменный мерч от Газпромбанка и IT_One
Митап пройдет онлайн 15 декабря в 18:00 по Москве. Зарегистрироваться > https://vk.cc/c8LOgx
Брендирование изображений с помощью ImageKit и Vue.js ImageKit - это сервис CDN для изображений со средствами оптимизации изображений в реальном времени. С ImageKit вы можете выполнять множество операций с изображением, например преобразовывать изображение или добавлять наложение.
В этой статье вы узнаете, как интегрировать ImageKit в приложение Vue.js и как выполнять преобразования, предоставляемые службой. https://goo.su/ySg
В этой статье вы узнаете, как интегрировать ImageKit в приложение Vue.js и как выполнять преобразования, предоставляемые службой. https://goo.su/ySg
LogRocket Blog
Image branding with ImageKit and Vue.js - LogRocket Blog
In this article, you'll learn to integrate ImageKit into a Vue.js application and how to perform the transformations provided by the service.
Руководство для начинающих по Vue Router В этом руководстве мы рассмотрим, как реализовать маршрутизацию в приложении Vue с помощью Vue Router. Чтобы у нас была практика, мы создадим простое приложение Pokedex, используя Vue и Vue Router. https://goo.su/qSj
Sitepoint
A Beginner's Guide to Vue Router - SitePoint
Learn the basics of using Vue Router, such as router setup, passing custom parameters, page navigation, and implementing a 404 page.
В Новый год — с новой профессией в IT!
Проверь свои знания на NIX Online Edu Testing
Купить подарки, поставить елку. Чего-то не хватает в праздничном списке… Точно! Подготовиться к карьере в IT!
Для этого приглашаем тебя поучаствовать в онлайн-тестировании по одной из 17-ти программ обучения. Выполни тест и узнай уровень своей подготовки.
Когда: с 3 по 24 декабря
Где: онлайн с любого удобного тебе гаджета
Хочешь освоить самую актуальную профессию в IT? Эксперты NIX помогут тебе.
В Корпоративном центре обучения NIX есть 17 учебных программ. В зависимости от направления ты будешь учиться офлайн в Харькове или онлайн. Ты получишь базовые знания по фронтенд и бэкенд-разработке, по бизнес-анализу и в сфере облачных технологий. После обучения ты сможешь уверенно начать карьеру в IT и попробовать себя на позиции Junior-специалиста в команде NIX!
Отличный старт для нового года, правда? ;)
Теперь дело за малым — переходи по ссылке, выбирай понравившуюся программу обучения и проходи онлайн-тестирование.
Проверь свои знания на NIX Online Edu Testing
Купить подарки, поставить елку. Чего-то не хватает в праздничном списке… Точно! Подготовиться к карьере в IT!
Для этого приглашаем тебя поучаствовать в онлайн-тестировании по одной из 17-ти программ обучения. Выполни тест и узнай уровень своей подготовки.
Когда: с 3 по 24 декабря
Где: онлайн с любого удобного тебе гаджета
Хочешь освоить самую актуальную профессию в IT? Эксперты NIX помогут тебе.
В Корпоративном центре обучения NIX есть 17 учебных программ. В зависимости от направления ты будешь учиться офлайн в Харькове или онлайн. Ты получишь базовые знания по фронтенд и бэкенд-разработке, по бизнес-анализу и в сфере облачных технологий. После обучения ты сможешь уверенно начать карьеру в IT и попробовать себя на позиции Junior-специалиста в команде NIX!
Отличный старт для нового года, правда? ;)
Теперь дело за малым — переходи по ссылке, выбирай понравившуюся программу обучения и проходи онлайн-тестирование.
Веб-страница с рекомендациями фильмов, созданная с помощью Vue.js https://goo.su/9Msm
Vue.js Examples
Movie Recommendation Web Page Built With Vue.js
Практическое руководство по Гарлему
Harlem - простая альтернатива Vuex для Vue 3 https://shly.link/mdmTJS
Harlem - простая альтернатива Vuex для Vue 3 https://shly.link/mdmTJS
Medium
A Practical Guide to Harlem
Harlem — A simple alternative to Vuex for Vue 3
Веб-версия концептуального дизайна YouTube с использованием vue.js https://shly.link/5uE9U
Vue.js Examples
The website version of YouTube concept design using vue.js
This media is not supported in your browser
VIEW IN TELEGRAM
Angular life: предпочитаемый пользователем язык с Angular Universal Теперь, когда вы эксперт в Angular Universal. Вы хотите убедиться, что пользователь получит приложение (или веб-сайт, как бы вы ни называли свое детище) на предпочитаемом им языке, если это возможно. https://goo.su/9jrd
Получение элемента внутри компонента с помощью Vue querySelector Получение элемента внутри компонента с помощью Vue querySelector https://goo.su/a9BN
LogRocket Blog
Getting an element within a component with Vue querySelector - LogRocket Blog
Learn how to get an element within a component using its tag name, class name, or ID with the querySelector function in Vue.
This media is not supported in your browser
VIEW IN TELEGRAM
⚛️ Тест по React JS от OTUS
Ответьте на 19 вопросов и проверьте, насколько вы готовы к обучению на курсе React JS.
Сможете сдать — пройдёте на продвинутый курс по специальной цене, а также получите 🎁 видео-курс по Git в подарок
ПРОЙТИ ТЕСТ https://otus.pw/BqDE/
Ответьте на 19 вопросов и проверьте, насколько вы готовы к обучению на курсе React JS.
Сможете сдать — пройдёте на продвинутый курс по специальной цене, а также получите 🎁 видео-курс по Git в подарок
ПРОЙТИ ТЕСТ https://otus.pw/BqDE/
Создание приложения с помощью Electron и Vue Если вы раньше работали с Vue, начать с Electron довольно просто. Это возможно с помощью подключаемого модуля Vue CLI под названием Electron Builder, и в следующих разделах мы узнаем, как этот подключаемый модуль работает https://goo.su/9LBG
LogRocket Blog
Building an app with Electron and Vue - LogRocket Blog
If you've worked with Vue before, it's simple to get started with Electron. Use the Vue CLI plugin for Electron Builder and make a demo app.
Как использовать одни и те же веб-компоненты в Angular и React? Давайте выясним, сможем ли мы создать совместно используемые веб-компоненты, совместимые с любыми фреймворками, такими как Angular и React. https://goo.su/a2XP
Medium
🔥 How to Share the Same Web Components between Angular and React? 🤔
Let’s find out if we can build sharable Web components compatible with any frameworks like Angular and React
React vs Vue: какой фреймворк будет лучшим в 2022 году https://shly.link/AzBXA
Data Science Central
React vs Vue : Which is the best framework in 2022 - DataScienceCentral.com
React or Vue.js:Which JavaScript framework should you use:? The new WordPress editor is powered on React, while Vue.js is a popular framework in the Laravel community. The two most popular frontend JavaScript frameworks in the developer world are React.js…
14 причин использовать Angular для веб-разработки
Почему мы все еще должны использовать Angular для веб-разработки https://shly.link/ggXH0
Почему мы все еще должны использовать Angular для веб-разработки https://shly.link/ggXH0
Medium
14 Reasons to Use Angular for Web Development
Why We Should Still Use Angular for Web Develoment
Angular - Micro-Frontend
Все, что вам нужно знать об архитектуре, ориентированной на микросервисы, для внешнего интерфейса от новичка до продвинутого https://shly.link/PCmeA
Все, что вам нужно знать об архитектуре, ориентированной на микросервисы, для внешнего интерфейса от новичка до продвинутого https://shly.link/PCmeA
Medium
Angular — Micro-Frontend
Everything you need to know about microservice oriented architecture for the frontend from beginner to advanced
Создание библиотеки компонентов Vue 3 В этом руководстве вы узнаете основные шаги по созданию библиотеки компонентов Vue 3 , в том числе:
Настройка библиотеки компонентов с помощью Vue 3
Создание плагина для установки библиотеки компонентов в проект
Публикация библиотеки на npm
Создание документов с помощью VuePress
Публикация документов на GitHub
Давайте начнем! https://goo.su/9y9O
Настройка библиотеки компонентов с помощью Vue 3
Создание плагина для установки библиотеки компонентов в проект
Публикация библиотеки на npm
Создание документов с помощью VuePress
Публикация документов на GitHub
Давайте начнем! https://goo.su/9y9O
LogRocket Blog
Building a Vue 3 component library - LogRocket Blog
In this article, you can learn how to create a Vue 3 component library and publish it to npm, as well as publish the docs on GitHub Pages.
8 удивительных преимуществ Vue.js, которые могут облегчить вашу жизнь разработчика
Если вы фронтенд-разработчик и задаетесь вопросом, почему вам следует выбрать Vue.js по сравнению с другими фреймворками, взгляните на некоторые захватывающие преимущества, о которых я расскажу. https://shly.link/ieLu6
Если вы фронтенд-разработчик и задаетесь вопросом, почему вам следует выбрать Vue.js по сравнению с другими фреймворками, взгляните на некоторые захватывающие преимущества, о которых я расскажу. https://shly.link/ieLu6
dzone.com
8 Amazing Benefits of Vue.js That Can Make Your Dev Life Easy - DZone Web Dev
Vue.js has become a top platform to build web applications. Here is a detailed article explaining some of the major benefits of using Vue.js in development.