FrontEndDev
28K subscribers
2.35K photos
23 videos
7.56K 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
Передаем 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
Создание настраиваемого Range Input, который будет одинаковым во всех браузерах

https://www.smashingmagazine.com/2021/12/create-custom-range-input-consistent-browsers/
NFT-арты в прошлом году наделали много шума.
IT-разработчик Контур тоже выпустил свой NFT-холст — коллаж из 1 296 изображений, которые создали сотрудники компании: разработчики, маркетологи, менеджеры продаж и техподдержки.

Они зашифровали фразы, которые отражают суть их работы (ценности компании, рабочие задачи из трелло, цифры, буквы и код), в изображения.

Потом все изображения объединили в NFT-холст и выставили на аукцион.
Деньги от продажи пойдут на развитие образовательных проектов в IT.
Эффективный способ создания MERN-приложения (Mongo Express React Node)

https://blog.bitsrc.io/an-efficient-way-to-set-up-a-mern-stack-application-12fd87fad90d