VueJS
-
Хабрахабр
Как Computed Properties в Angular помогают пропускать титры
Привет, Хабр! Меня зовут Алексей Охрименко, я TechLead вертикали Ai/Voices онлайн-кинотеатра KION в МТС Digital, автор русскоязычной документации по Angular и популярного плагина для рефакторинга Angular-компонентов. Мой коллега Алексей Мельников уже рассказывал про фичу пропуска титров в KION, про ее бизнес- и tech-составляющие. Я же остановлюсь на том, какие у нас проблемы возникли в процессе реализации фичи и как мы…
Читать далее » -
Хабрахабр
Фронтенд-новости №8. Вышел WordPress 6.0, найдена оптимальная длина строки, <dialog> под вопросом
Дайджест новостей из мира фронтенд-разработки за последнюю неделю 23–29 мая. К сожалению, на хабре нельзя устанавливать alt для картинок, поэтому ... Доступность HTML CSS JavaScript React Node.js Angular Vue Инструменты Общее Как выделяться с помощью типографики. Рассматривайте возможности типографики как дополнительную возможность привлечь внимание вашего интерфейса. Оптимальная длина строки. Спойлер: 50-75 символов. Меньше 50 или больше 75 может ухудшить читабельность Почему…
Читать далее » -
Хабрахабр
Фронтенд-новости №8. Вышел WordPress 6.0, найдена оптимальная длина строки, <dialog> под вопросом
Дайджест новостей из мира фронтенд-разработки за последнюю неделю 23–29 мая. К сожалению, на хабре нельзя устанавливать alt для картинок, поэтому ... Доступность HTML CSS JavaScript React Node.js Angular Vue Инструменты Общее Как выделяться с помощью типографики. Рассматривайте возможности типографики как дополнительную возможность привлечь внимание вашего интерфейса. Оптимальная длина строки. Спойлер: 50-75 символов. Меньше 50 или больше 75 может ухудшить читабельность Почему…
Читать далее » -
Хабрахабр
Есть много способов сделать это: Vue 3 и взаимодействие компонентов
Vue 3 принёс в жизнь разработчиков возможность организации более гибкой структуры приложений. Всё чаще я стал замечать, что разные команды, а порой и разработчики внутри одной, используют целый зоопарк сомнительных подходов для организации взаимодействия между компонентами. Применяются какие-то крайности, либо всё в state manager, либо в composable (composition API), либо мутация props внутри дочерних компонентов! Хотелось бы поднять эту тему…
Читать далее » -
Хабрахабр
Функция Reactive во Vue: как это работает
После jQuery я попробовал AngularJS и был очарован его возможностями. Несколько строк в AngularJS заменяли кучу спегетти-кода в jQuery. Это было похоже на магию. Сейчас все современные Frontend-фреймворки так или иначе обеспечивают реактивность, и это уже никого не удивляет. Тем не менее далеко не все разработчики понимают, как это работает. Сейчас я работаю с Vue, поэтому и разбираться с тем,…
Читать далее » -
Хабрахабр
![Фото [Перевод] CSS :has() селектор](http://orion-int.ru/wp-content/uploads/2022/04/perevod-css-has-selektor-780x470.png)
[Перевод] CSS :has() селектор
Эта статья — перевод оригинальной статьи Ahmad Shadeed "CSS Parent Selector" Также я веду телеграм канал “Frontend по-флотски”, где рассказываю про интересные вещи из мира разработки интерфейсов. Вступление Вы когда-нибудь задумывались о селекторе CSS, где вы проверяете, существует ли конкретный элемент внутри родителя? Например, если у компонента карточки есть миниатюра, нам нужно добавить к нему display: flex. Это было невозможно…
Читать далее » -
Хабрахабр
Vue или React? Кратко о возможном росте технического долга и что лучше для начинающих
В статье ставится проблема избыточной сложности использования фреймворка React.js при богатстве его функций, описана возможная тенденция роста технического долга и зависимость между предоставляемыми средствами и величиной технического долга. Что подразумевается под необоснованной сложностью проектов? Для начала необходимо отметить, что «React» в отличии от «Vue» предоставляет огромную свободу разработчику. Благодаря этому разработчики любят данный фреймворк и всячески указывают, что приложения на…
Читать далее » -
Хабрахабр
Генератор компонентов Vue.js?
Разработка веб-приложения это не только решения интересных задач, работа с логикой, или с интересной версткой. Это также рутина, которая преследует каждого разработчика в процессе работы. Начиная от создания разных файлов, и написания шаблонного boilerplate кода, заканчивая написанием документации о проделанной работе. Часть этой рутины, однако, можно всегда оптимизировать. В этой статье хочу познакомить вас с инструментом, который разработал, для минимизации…
Читать далее » -
Хабрахабр
Docker: заметки веб-разработчика. Итерация третья
Привет, друзья! Продолжаю делиться с вами заметками о Docker. Заметки состоят из 4 частей: 2 теоретических и 2 практических. Если быть более конкретным: В этой части мы разработаем простое приложение, состоящее из трех сервисов и базы данных, а в заключительной — "контейнеризуем" его. Репозиторий с кодом приложения. Если вам это интересно, прошу под кат. Подготовка и настройка проекта Предполагается, что…
Читать далее » -
Хабрахабр
![Фото [recovery mode] Модульный фронтенд для репликационного масштабирования или как перестать копировать репозитории целиком](http://orion-int.ru/wp-content/uploads/2022/01/recovery-mode-modulnyj-frontend-dlya-replikacionnogo-masshtabirovaniya-ili-kak-perestat-kopirovat-repozitorii-celikom.jpg)
[recovery mode] Модульный фронтенд для репликационного масштабирования или как перестать копировать репозитории целиком
В этой статье будут изложены основные идеи и показаны простые примеры для грамотной организации, скажем так — «репликационного масштабирования» проектов на фронтенде. То есть, само понятие масштабирования здесь будет рассматриваться скорее с той точки зрения и в одном из смыслов как это понимает бизнес, но, при этом, речь пойдет именно о технической стороне процесса, правда, сугубо в контексте браузерной клиентской…
Читать далее »