Изучите React и компоненты более высокого порядка (hocs), создав Netflix https://clck.ru/WP7bv
DEV Community
Learn React & Higher Order Components (HOCs) By Building Netflix
Click ⭐ if you like the project. Pull Requests are highly appreciated ❤️ Github link:...
Тестирование компонентов Vue.js с помощью Vue Test Utils Я знаю, что многим разработчикам тестирование может показаться пустой тратой времени. Ты ненавидишь это, правда? Но должны ли вы? Стоит ли тестировать свои компоненты, если вы хотите создать надежное приложение?
Я выскажу вам свои мысли: тестирование ваших компонентов (и, что немаловажно, правильное выполнение) - одно из лучших вложений, которые вы можете сделать, если вы создаете что-то в долгосрочной перспективе. Но почему?
В этом руководстве я отвечу на эти вопросы и обобщу преимущества тестирования ваших компонентов Vue.js с помощью Vue Test Utils , поделившись несколькими историями, которые произошли со мной.🤫 https://clck.ru/WPfdx
Я выскажу вам свои мысли: тестирование ваших компонентов (и, что немаловажно, правильное выполнение) - одно из лучших вложений, которые вы можете сделать, если вы создаете что-то в долгосрочной перспективе. Но почему?
В этом руководстве я отвечу на эти вопросы и обобщу преимущества тестирования ваших компонентов Vue.js с помощью Vue Test Utils , поделившись несколькими историями, которые произошли со мной.🤫 https://clck.ru/WPfdx
LogRocket Blog
Testing Vue.js components with Vue Test Utils - LogRocket Blog
This guide showcases the benefits of testing your Vue.js components using Vue Test Utils and includes some real-world examples.
Создание карусели с нуля на Vue.js Вместо того, чтобы просматривать сложную документацию сторонних библиотек, я попытался выяснить, как с нуля построить карусель «из нескольких карт». https://clck.ru/WMJRh
DEV Community
Building a carousel from scratch using Vue.js
Instead of going through a complex third-party library docs, I tried to figure out how to build a...
Vue.js против React: какой выбрать В этой статье изучается Vue.js и React, подробно рассматриваются принципы построения компонентов, их влияние на DOM браузера, привязка данных и сравнение отраслей. https://clck.ru/WTsbV
dzone.com
Vue.js vs. React: Which One to Choose - DZone Java
This article studies Vue.js and React, detailing both component build principles, their browser DOM impact, data binding, and industry comparison.
Модуль nuxt для быстрой и простой прокрутки страниц в полноэкранном режиме https://clck.ru/WWkyB Использование функции для клонирования элементов React.cloneElement() Что есть ?React.cloneElement()
React.cloneElement()является частью React Top-Level API, используемого для управления элементами. Он клонирует и возвращает новый элемент, используя свой первый аргумент в качестве отправной точки. Этот аргумент может быть элементом React или компонентом, отображающим элемент React. https://clck.ru/WWkzA
React.cloneElement()является частью React Top-Level API, используемого для управления элементами. Он клонирует и возвращает новый элемент, используя свой первый аргумент в качестве отправной точки. Этот аргумент может быть элементом React или компонентом, отображающим элемент React. https://clck.ru/WWkzA
Vue.js Examples
A nuxt module for creating fullscreen page scroll fast and simple
Nuxt module for creating fullscreen page scroll fast and simple.
Мега подборка каналов для программистов🎯
https://t.me/progjob Вакансии для программистов
Системное администрирование 📌
https://t.me/sysadminof Книги для админов, полезные материалы
https://t.me/linux_sup Новости и информация из мира Linux
https://t.me/i_odmin Все для системного администратора
https://t.me/i_odmin_book Библиотека Системного Администратора
https://t.me/i_odmin_chat Чат системных администраторов
Программирование, фронтенд, Биг дата, мобильная р-ка, книги 📌
https://t.me/Angular_Vuejs Angular Vue js React
https://t.me/frontend_1 Подборки для frontend разработчиков
https://t.me/Frontend_now Все для фронтендеров
https://t.me/react_prog Все что связано с reactjs
https://t.me/bookflow Лекции, видеоуроки, доклады с IT конференций
https://t.me/developer_mobila Мобильная разработка
https://t.me/Welcome_Python Добро пожаловать в мир Python
https://t.me/BookPython Библиотека Python разработчика
https://t.me/programmist_of Книги по программированию
https://t.me/BookJava Библиотека Java разработчика
https://t.me/java_sup Программирование на Java
https://t.me/proglb Библиотека программиста
https://t.me/bfbook Книги для программистов
https://t.me/imobile_dev Все по мобильной разработке: iOS, Android
https://t.me/database_group Все про базы данных
https://t.me/cloud_comp Облачные сервисы, вычисления и безопасность
https://t.me/bigdata_world Data Science, Big Data, Machine Learning
IT новости 📌
https://t.me/htech_news Новости HighTech
https://t.me/all_itnews IT новости на английском
https://t.me/gmorning_news Последнии новости из мира науки
https://t.me/youtips_tricks Технологические советы и хитрости
Шутки программистов 📌
https://t.me/dev_jokes Daily Dev Jokes
https://t.me/itumor ITumor | программисты шутят
SMM, Seo, Wordpress 📌
https://t.me/allsocial_news SMM / Советы, Новости, Лайфхаки
https://t.me/seo_go Новости по SEO продвижению сайтов
https://t.me/news_wordpress Канал о самой популярной CMS
Защита, взлом, безопасность 📌
https://t.me/crypto_security_lab Материалы по информационной безопасности
https://t.me/thehaking Канал о кибербезопасности
https://t.me/Hackme_news Новости из мира хакинга
Книги, статьи для дизайнеров 📌
https://t.me/ux_web Статьи, книги для дизайнеров
https://t.me/goodw_design Статьи по Веб дизайну
Должен знать 📌
https://t.me/UchuEnglish Английский с нуля
https://t.me/Pomatematike Канал по математике
Арбитраж трафика 📌
https://t.me/partnerochkin CPA и арбитраж трафика
Крипта 📌
https://t.me/crypto_moneygo Канал о крипте, новости, инсайды
VR, робототехника 📌
https://t.me/AR_VR_vision Компьютерное зрение, виртуальная реальность
https://t.me/robotics_scince Канал о Робототехнике и автоматизации
https://t.me/progjob Вакансии для программистов
Системное администрирование 📌
https://t.me/sysadminof Книги для админов, полезные материалы
https://t.me/linux_sup Новости и информация из мира Linux
https://t.me/i_odmin Все для системного администратора
https://t.me/i_odmin_book Библиотека Системного Администратора
https://t.me/i_odmin_chat Чат системных администраторов
Программирование, фронтенд, Биг дата, мобильная р-ка, книги 📌
https://t.me/Angular_Vuejs Angular Vue js React
https://t.me/frontend_1 Подборки для frontend разработчиков
https://t.me/Frontend_now Все для фронтендеров
https://t.me/react_prog Все что связано с reactjs
https://t.me/bookflow Лекции, видеоуроки, доклады с IT конференций
https://t.me/developer_mobila Мобильная разработка
https://t.me/Welcome_Python Добро пожаловать в мир Python
https://t.me/BookPython Библиотека Python разработчика
https://t.me/programmist_of Книги по программированию
https://t.me/BookJava Библиотека Java разработчика
https://t.me/java_sup Программирование на Java
https://t.me/proglb Библиотека программиста
https://t.me/bfbook Книги для программистов
https://t.me/imobile_dev Все по мобильной разработке: iOS, Android
https://t.me/database_group Все про базы данных
https://t.me/cloud_comp Облачные сервисы, вычисления и безопасность
https://t.me/bigdata_world Data Science, Big Data, Machine Learning
IT новости 📌
https://t.me/htech_news Новости HighTech
https://t.me/all_itnews IT новости на английском
https://t.me/gmorning_news Последнии новости из мира науки
https://t.me/youtips_tricks Технологические советы и хитрости
Шутки программистов 📌
https://t.me/dev_jokes Daily Dev Jokes
https://t.me/itumor ITumor | программисты шутят
SMM, Seo, Wordpress 📌
https://t.me/allsocial_news SMM / Советы, Новости, Лайфхаки
https://t.me/seo_go Новости по SEO продвижению сайтов
https://t.me/news_wordpress Канал о самой популярной CMS
Защита, взлом, безопасность 📌
https://t.me/crypto_security_lab Материалы по информационной безопасности
https://t.me/thehaking Канал о кибербезопасности
https://t.me/Hackme_news Новости из мира хакинга
Книги, статьи для дизайнеров 📌
https://t.me/ux_web Статьи, книги для дизайнеров
https://t.me/goodw_design Статьи по Веб дизайну
Должен знать 📌
https://t.me/UchuEnglish Английский с нуля
https://t.me/Pomatematike Канал по математике
Арбитраж трафика 📌
https://t.me/partnerochkin CPA и арбитраж трафика
Крипта 📌
https://t.me/crypto_moneygo Канал о крипте, новости, инсайды
VR, робототехника 📌
https://t.me/AR_VR_vision Компьютерное зрение, виртуальная реальность
https://t.me/robotics_scince Канал о Робототехнике и автоматизации
Как изменить разделитель интерполяции по умолчанию '{{' и '}}' на классные эмодзи в Angular? Интерполяция относится к встраиванию выражений или просто переменных в размеченный текст в приложении Angular.
По умолчанию при интерполяции в качестве разделителей используются двойные фигурные скобки {{и}}. https://clck.ru/WYbs8 Muse - красивая админская панель Ant Design Vue Muse - Vue Ant Design Dashboard - это красивая административная панель Ant Design Vue с большим количеством компонентов, созданная так, чтобы выглядеть красиво и организованно.
Создан для тех, кто любит смелые элементы и красивые сайты. Soft UI Dashboard, состоящий из сотен элементов, спроектированных блоков и полностью закодированных страниц, готов помочь вам создавать потрясающие веб-сайты и веб-приложения. https://clck.ru/WYcCv
По умолчанию при интерполяции в качестве разделителей используются двойные фигурные скобки {{и}}. https://clck.ru/WYbs8 Muse - красивая админская панель Ant Design Vue Muse - Vue Ant Design Dashboard - это красивая административная панель Ant Design Vue с большим количеством компонентов, созданная так, чтобы выглядеть красиво и организованно.
Создан для тех, кто любит смелые элементы и красивые сайты. Soft UI Dashboard, состоящий из сотен элементов, спроектированных блоков и полностью закодированных страниц, готов помочь вам создавать потрясающие веб-сайты и веб-приложения. https://clck.ru/WYcCv
Как использовать push-уведомления в Angular? В этом посте мы рассмотрим полный пример того, как реализовать Web Push-уведомления в приложении Angular с помощью Angular Service Worker. https://clck.ru/Wasab Настраиваемый перетаскиваемый компонент для Vue 2 и Vue 3 https://clck.ru/Wasyi
DEV Community
How to use Push Notifications in Angular ?
In this post, we are going to go through a complete example of how to implement Web Push...
Мои любимые компоненты Vue Vue.js - это элегантный фреймворк для интерфейсной разработки веб-приложений. Однако сам по себе Vue просто предоставляет основу для создания компонентов. Он не предоставляет набор готовых к использованию компонентов пользовательского интерфейса. Существует ряд замечательных проектов с открытым исходным кодом, предоставляющих полезные компоненты Vue (или библиотеки компонентов) в экосистеме Vue. В этом посте я обсуждаю несколько моих любимых. https://clck.ru/Wcf3g Angular - Как удалить и избежать неиспользуемого импорта Кто еще хочет избежать и избавиться от неиспользуемого импорта Typescript, о котором вы все время забываете? https://clck.ru/WcfJ3
Medium
My Favorite Vue Components
Reuse components to get off the ground quicker!
Перенос кодовой базы React в веб-компоненты Недавно я перенес расширение браузера с React на веб-компоненты. В этом посте описаны мои наблюдения, уроки и болевые точки. Все, что упомянуто, относится только к собственным веб-компонентам. Сторонние библиотеки, такие как stencil и lit, предлагают другой набор решений. https://clck.ru/WdfkQ
DEV Community
Migrating a React codebase to web components
I recently migrated a browser extension from React to web components. This post describes my...
Замечательный самостоятельный инструмент для мониторинга, созданный с помощью vue Это самостоятельный инструмент мониторинга, такой как «Uptime Robot» https://clck.ru/WfEnf Создайте эффективный виртуальный список прокрутки в Vue.js Отрисовка элементов в DOM по отдельности может вызвать значительное отставание в производительности для пользователей, особенно когда они прокручивают большие списки. Чтобы сделать прокрутку более эффективной, мы должны использовать виртуальный список прокрутки, который увеличивает скорость загрузки страницы и предотвращает заикание веб-приложения.
Виртуальный список прокрутки аналогичен стандартному списку прокрутки, однако в любой момент отображаются только данные в текущем представлении пользователя. Когда пользователь прокручивает страницу вниз, отображаются новые элементы, а старые удаляются.
В этой статье мы рассмотрим замечательную библиотеку для создания виртуальных списков прокрутки на Vue.js. https://clck.ru/WdfTZ
Виртуальный список прокрутки аналогичен стандартному списку прокрутки, однако в любой момент отображаются только данные в текущем представлении пользователя. Когда пользователь прокручивает страницу вниз, отображаются новые элементы, а старые удаляются.
В этой статье мы рассмотрим замечательную библиотеку для создания виртуальных списков прокрутки на Vue.js. https://clck.ru/WdfTZ
Vue.js Examples
A fancy self-hosted monitoring tool build with vue
It is a self-hosted monitoring tool like "Uptime Robot".
Элементы управления пользовательской формы Angular с элементом доступа к контрольному значению В этой статье мы собираемся изучить использование пользовательских компонентов Angular с реактивными формами. Для этого воспользуемся встроенной директивой Angular « control value accessor ». https://clck.ru/WiCtJ Кнопка возврата в Angular. Сохранить историю маршрута. https://clck.ru/WiCzE
Medium
Angular Custom Form Controls With Control Value Accessor
In the development of complex Angular applications, developers tend to build large components that encompass the entire form and can make…
Лучшие новые библиотеки пользовательского интерфейса Vue 3 2021 года Эта статья является продолжением моей предыдущей статьи, в которой представлен список из девяти превосходных фреймворков пользовательского интерфейса Vue 3. Эти фреймворки улучшают опыт разработки вашего приложения Vue, удобство обслуживания и окончательный дизайн.
Сегодня я расскажу еще о пяти совершенно новых фреймворках пользовательского интерфейса Vue 3, которые поставляются с множеством потрясающих компонентов (например, навигационных панелей, полей ввода и флажков), которые помогут вам легко создавать интерфейсы или собственные компоненты. https://clck.ru/WgP47
Сегодня я расскажу еще о пяти совершенно новых фреймворках пользовательского интерфейса Vue 3, которые поставляются с множеством потрясающих компонентов (например, навигационных панелей, полей ввода и флажков), которые помогут вам легко создавать интерфейсы или собственные компоненты. https://clck.ru/WgP47
LogRocket Blog
The best UI frameworks for Vue 3 - LogRocket Blog
Discover the best Vui UI frameworks to create beautiful, customizable apps, all compatible with Vue 3 and easy to use.
Использование Firebase с Angular 11 Firebase предлагает разработчикам службу аутентификации, службу хранения (для управления файлами на сервере), хостинг (статический хост) и базу данных в реальном времени (вместе с FireStore) для управления данными вашего надежного приложения. https://clck.ru/Wkz88
Medium
Using Firebase with Angular 11
As a web developer , it is an absolute necessity to be able to developer a robust application with a secure/stable backend integrated to a…
Vue Devtools: самый простой способ отладки приложения Vue.js В этой статье мы рассмотрим этот инструмент и посмотрим, как извлечь из него максимальную пользу для улучшения процесса отладки. Итак, начнем с установки. https://clck.ru/WnZ5L
Medium
Vue Devtools: The Simplest Way to Debug Your Vue.js Application
One of the strengths of the Vue.js framework is the robustness of its Devtools. It has some really cool features that can make the…
На Архипелаге 2121 прошла ежегодная встреча «Точек кипения». Участники трека поделились наработанными практиками взаимодействия с региональными сообществами, технологическими командами и опытом перехода в онлайн-среду. В результате была сформирована стратегия развития сети на ближайшие несколько лет.
В рамках трека прошли:
✅ образовательная лаборатория «Точек кипения»,
✅ погружение в повестку НТИ и встречи с представителями рынков и Центров компетенций,
✅ мастер-классы акселератов-партнеров по поддержке и развитию технологических команд,
✅ обучение основным принципам data-аналитики и управлению на основе данных.
🧑🎓 Участниками трека стали команды городских и университетских «Точек кипения».
Неформальная программа включила практики ресурсных состояний, деловые игры, нетворкинг и консультации с экспертами экосистемы НТИ, антиконференцию, демо-день для партнеров, а также презентацию нового формата резидентуры НТИ в сети «Точек кипения».
📲 Подробнее об Архипелаге 2121 читайте на нашем канале.
🎓Лекция открытие Архипелага.
#а2121 #Архипелаг2121 #Edu2035 #Стартап2121
В рамках трека прошли:
✅ образовательная лаборатория «Точек кипения»,
✅ погружение в повестку НТИ и встречи с представителями рынков и Центров компетенций,
✅ мастер-классы акселератов-партнеров по поддержке и развитию технологических команд,
✅ обучение основным принципам data-аналитики и управлению на основе данных.
🧑🎓 Участниками трека стали команды городских и университетских «Точек кипения».
Неформальная программа включила практики ресурсных состояний, деловые игры, нетворкинг и консультации с экспертами экосистемы НТИ, антиконференцию, демо-день для партнеров, а также презентацию нового формата резидентуры НТИ в сети «Точек кипения».
📲 Подробнее об Архипелаге 2121 читайте на нашем канале.
🎓Лекция открытие Архипелага.
#а2121 #Архипелаг2121 #Edu2035 #Стартап2121
<Lazy> рендеринг во Vue для повышения производительности В прошлом году в Интернете многое произошло с точки зрения производительности. Неудивительно, что все согласны с тем, что Интернет должен быть быстрым. Google представил свои показатели Web Vitals, чтобы подчеркнуть, что веб-приложения должны загружаться быстро даже на более медленных устройствах и в медленных сетях. https://clck.ru/Wnmry
Medium
<Lazy> rendering in Vue to improve performance
Last year, a lot has been in happening on the web in terms of performance. Unsurprisingly, everyone agrees the web should be fast. Google…
Отношения человечества с природой, климатический вызов и разрушение биологического разнообразия – одни из главных вызовов, с которыми человечество сталкивается сегодня. Это необходимо учитывать предпринимателям. Представляем вам несколько проектов участников Архипелага 2121 на стадии масштабирования, связанных с экологией.
🌱 Green point
Пункты экопереработки полного цикла: от точек сбора и первичной сортировки до пунктов рециклинга. Проект позволит любой компании или муниципалитету внедрить собственную сеть переработки отходов пластика, приобрести статус IMPACT и преимущества стандартов ESG.
🌳 NextGIS Лес
Веб-приложение для ведения базы и подготовки отчетной документации по лесосекам (участкам леса, отведенным для рубок спелых и перестойных насаждений, лесовосстановительных рубок, рубок ухода за лесом и санитарных). Сервис предлагает собранные в одном месте карты и таблицы, многопользовательский режим, понятный интерфейс и автоматизированную отчетность. Проект помогает создавать, редактировать и учитывать лесосеки, объекты инфраструктуры и неэксплуатационные площади и многое другое.
🎋 Внедрение инновационной технологии по повторному применению синтетического каучука (Рециклизат)
Организация инновационного производства по повторному применению каучуко-содержащих продуктов путем переработки отходов РТИ для получения повторных каучуковых смесей (резиновых смесей). Проект отвечает требованиям по предотвращению изменения климата (снижение углеродных выбросов), сохранению природных ресурсов, снижению уровня загрязнения.
📲 Другие проекты участников Архипелага 2121.
📲 Смотрите трансляции с Архипелага 2121.
🌱 Green point
Пункты экопереработки полного цикла: от точек сбора и первичной сортировки до пунктов рециклинга. Проект позволит любой компании или муниципалитету внедрить собственную сеть переработки отходов пластика, приобрести статус IMPACT и преимущества стандартов ESG.
🌳 NextGIS Лес
Веб-приложение для ведения базы и подготовки отчетной документации по лесосекам (участкам леса, отведенным для рубок спелых и перестойных насаждений, лесовосстановительных рубок, рубок ухода за лесом и санитарных). Сервис предлагает собранные в одном месте карты и таблицы, многопользовательский режим, понятный интерфейс и автоматизированную отчетность. Проект помогает создавать, редактировать и учитывать лесосеки, объекты инфраструктуры и неэксплуатационные площади и многое другое.
🎋 Внедрение инновационной технологии по повторному применению синтетического каучука (Рециклизат)
Организация инновационного производства по повторному применению каучуко-содержащих продуктов путем переработки отходов РТИ для получения повторных каучуковых смесей (резиновых смесей). Проект отвечает требованиям по предотвращению изменения климата (снижение углеродных выбросов), сохранению природных ресурсов, снижению уровня загрязнения.
📲 Другие проекты участников Архипелага 2121.
📲 Смотрите трансляции с Архипелага 2121.
This media is not supported in your browser
VIEW IN TELEGRAM
Карусель с подвижными картами, построенная с помощью vue и Tailwind CSS https://clck.ru/WpGgL Как использовать реквизит в Vue.js Мы используем реквизит для передачи информации/данных от родительского компонента к дочерним компонентам. В этой статье я объясню все, что вам нужно знать об реквизите и почему вы должны использовать реквизит в Vue.js. https://clck.ru/WnYR7
Как плохо обращаются с ООП в Angular В этой статье мы собираемся изучить, как иногда люди злоупотребляют методами ООП (Объектно-ориентированное программирование) в проектах Angular, и как мы можем добиться большего. https://clck.ru/Wrk3D
inDepthDev
How OOP is mistreated in Angular - Angular inDepth
Object oriented programming - a word combination instantly recognized by almost every software developer in the world; even the ones who don't use (or even hate) it.