Получение элемента внутри компонента с помощью Vue querySelector
https://blog.logrocket.com/getting-element-component-vue-queryselector/
https://blog.logrocket.com/getting-element-component-vue-queryselector/
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.
Tailwind CSS — резюме после двух с половиной проектов. Гернот Гредвол делится результатами использования Tailwind в короткой заметке.
https://javascript.plainenglish.io/tailwind-css-a-recap-after-two-and-a-half-projects-303ef846f26e
https://javascript.plainenglish.io/tailwind-css-a-recap-after-two-and-a-half-projects-303ef846f26e
Medium
Tailwind CSS— A recap after two and a half projects
Tailwind created a lot of hype recently. But with all the hype there of course comes a lot of backslash as well. What are some of the…
Адаптивный CSS border radius с техникой Fab Four
https://blog.logrocket.com/responsive-css-border-radius-fab-four-technique/
https://blog.logrocket.com/responsive-css-border-radius-fab-four-technique/
LogRocket Blog
Responsive CSS border radius with the Fab Four technique - LogRocket Blog
Implement the Fab Four technique in CSS to apply a border-radius to an element depending on its container dimension.
Представляем fuite: инструмент для поиска утечек памяти в веб-приложениях
https://nolanlawson.com/2021/12/17/introducing-fuite-a-tool-for-finding-memory-leaks-in-web-apps/
https://nolanlawson.com/2021/12/17/introducing-fuite-a-tool-for-finding-memory-leaks-in-web-apps/
👍1
Создаём продвинутый React хук для блокировки прокрутки
https://blog.logrocket.com/create-advanced-scroll-lock-react-hook/
https://blog.logrocket.com/create-advanced-scroll-lock-react-hook/
LogRocket Blog
Create an advanced scroll lock React Hook - LogRocket Blog
Learn how to create and troubleshoot a custom scroll lock React Hook on web and mobile with this comprehensive tutorial.
Методы оптимизации производительности рендеринга React: часть 1
https://www.useanvil.com/blog/engineering/improve-optimize-react-render-performance-part-1/
https://www.useanvil.com/blog/engineering/improve-optimize-react-render-performance-part-1/
Anvil
Techniques to optimize react render performance: part 1
Understanding where your UIs are slow is the first step to optimizing their performance. Learn how to identify the slow parts of your React UIs using profiling tools along with other techniques.
Floating UI — Библиотека для работы с всплывающими подсказками, окнами, раскрывающимися списками, меню и многим другим
https://floating-ui.com/
https://floating-ui.com/
Объединение интервалов — задача с JS собеседования | Решаем задачи с LeetCode
https://www.youtube.com/watch?v=2Od3MV1-mpk
https://www.youtube.com/watch?v=2Od3MV1-mpk
YouTube
Объединение интервалов — задача с JS собеседования | Решаем задачи с LeetCode
Привет, друзья! Продолжаем решать задачи с javascript собеседований. Сегодня у нас очень популярная задача про объединение интервалов (56. Merge Intervals). Это очень практическая задача, так как она часто встречается в электронных календарях.
На LeetCode…
На LeetCode…
👍1
6 скрытых жемчужин JavaScript, которые вы, вероятно, пропустили
https://javascript.plainenglish.io/6-hidden-javascript-gems-you-probably-missed-but-will-make-you-a-shining-star-at-work-b57a3bcf8015
https://javascript.plainenglish.io/6-hidden-javascript-gems-you-probably-missed-but-will-make-you-a-shining-star-at-work-b57a3bcf8015
👍1
Добавление нового поведения через декораторы в JavaScript.
Варвара Сандакова рассказывает о реализации одного из популярных паттернов.
https://indepth.dev/posts/1491/attaching-new-behaviors-through-decorators-in-javascript
Варвара Сандакова рассказывает о реализации одного из популярных паттернов.
https://indepth.dev/posts/1491/attaching-new-behaviors-through-decorators-in-javascript
👍1
Создайте приложение CRUD в React с помощью Firebase Web SDK v9
https://blog.logrocket.com/build-crud-application-react-firebase-web-sdk-v9/
https://blog.logrocket.com/build-crud-application-react-firebase-web-sdk-v9/
LogRocket Blog
Build a CRUD application in React with Firebase Web SDK v9 - LogRocket Blog
In this tutorial, we’ll cover how to carry out CRUD operations in Firestore by building a task manager demo app.
Я.Субботник Pro по разработке интерфейсов 2021. 6 докладов
https://www.youtube.com/playlist?list=PLKaafC45L_SRifaD5yS-LYIE3L86x-X0W
https://www.youtube.com/playlist?list=PLKaafC45L_SRifaD5yS-LYIE3L86x-X0W
Обтекание текста внутри SVG с помощью CSS
https://www.jayfreestone.com/writing/wrappping-text-inside-svg-css/
https://www.jayfreestone.com/writing/wrappping-text-inside-svg-css/
Улучшение Core Web Vitals на примере Smashing Magazine.
Core Web Vitals - показатели оценки качества сайта. Среди них:
LCP - время отрисовки видимой части сайта
FID - время отзывчивости сайта
CLS - степень стабильности контента
https://www.smashingmagazine.com/2021/12/core-web-vitals-case-study-smashing-magazine/
Core Web Vitals - показатели оценки качества сайта. Среди них:
LCP - время отрисовки видимой части сайта
FID - время отзывчивости сайта
CLS - степень стабильности контента
https://www.smashingmagazine.com/2021/12/core-web-vitals-case-study-smashing-magazine/
Какие навыки нужны фронтендеру, чтобы стать мидлом? Исследование HTML Academy
https://habr.com/ru/company/htmlacademy/blog/597205/
https://habr.com/ru/company/htmlacademy/blog/597205/
Шаблоны React архитектуры для ваших проектов
https://blog.openreplay.com/react-architecture-patterns-for-your-projects
https://blog.openreplay.com/react-architecture-patterns-for-your-projects
Переход на React Router v6: полное руководство.
О разнице между 5 и 6 версией и как перейти с минимальными проблемами.
https://blog.logrocket.com/migrating-react-router-v6-complete-guide/
О разнице между 5 и 6 версией и как перейти с минимальными проблемами.
https://blog.logrocket.com/migrating-react-router-v6-complete-guide/
LogRocket Blog
Migrating to React Router v6: A complete guide - LogRocket Blog
Migrate your React Router applications from v5 to v6 with this in-depth guide, including a review of additions and improvements from v5.
Новогодние подарки Рабочей группы CSS: значения и единицы 4 уровня, медиавыражения 4 и 5 уровней
https://css-live.ru/vecssti-s-polej/novogodnie-podarki-rabochej-gruppy-css-znacheniya-i-edinicy-4-urovnya-mediavyrazheniya-4-i-5-urovnej.html
https://css-live.ru/vecssti-s-polej/novogodnie-podarki-rabochej-gruppy-css-znacheniya-i-edinicy-4-urovnya-mediavyrazheniya-4-i-5-urovnej.html