FrontEndDev
28K subscribers
2.35K photos
22 videos
7.55K links
🚀 Статьи, новости, туториалы по frontend разработке.

https://jem-space.ru

Admin: @jem_jem
Пишу в @five_a_m

Читать на парковке: https://max.ru/front_end_dev

Реклама: https://bit.ly/2NxmVDu
РКН: https://clck.ru/3GLw7G
Download Telegram
Tailwind CSS — резюме после двух с половиной проектов. Гернот Гредвол делится результатами использования Tailwind в короткой заметке.

https://javascript.plainenglish.io/tailwind-css-a-recap-after-two-and-a-half-projects-303ef846f26e
Представляем fuite: инструмент для поиска утечек памяти в веб-приложениях

https://nolanlawson.com/2021/12/17/introducing-fuite-a-tool-for-finding-memory-leaks-in-web-apps/
👍1
Floating UI — Библиотека для работы с всплывающими подсказками, окнами, раскрывающимися списками, меню и многим другим

https://floating-ui.com/
Передаем React компоненты по WebSocket

https://habr.com/ru/post/596237/
6 скрытых жемчужин JavaScript, которые вы, вероятно, пропустили

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
👍1
Я.Субботник Pro по разработке интерфейсов 2021. 6 докладов

https://www.youtube.com/playlist?list=PLKaafC45L_SRifaD5yS-LYIE3L86x-X0W
Обтекание текста внутри 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/
Какие навыки нужны фронтендеру, чтобы стать мидлом? Исследование HTML Academy

https://habr.com/ru/company/htmlacademy/blog/597205/
Шаблоны React архитектуры для ваших проектов

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/
Новогодние подарки Рабочей группы 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