FrontEndDev
28.2K subscribers
2.34K photos
23 videos
7.54K 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
Все, что вы хотели знать об inputmode

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

https://css-tricks.com/everything-you-ever-wanted-to-know-about-inputmode/
3Pweb — онлайн-визуализатор, наглядно показывающий, сколько времени в среднем требуется для выполнения третьесторонних скриптов

https://www.thirdpartyweb.today/
Практическое руководство по Javascript Proxy

https://blog.bitsrc.io/a-practical-guide-to-es6-proxy-229079c3c2f0
reLift-HTML — маленькая библиотека для view (3KB) позволяющая создавать веб-компоненты, кастомные элементы, помогающая сделать любую HTML страницу реактивной без загрязнения большими фреймворками

https://relift-html.js.org/
ReactQ — Универсальный стартовый набор для React+GraphQL: React 16, Apollo 2, MobX, Emotion, Webpack 4, GraphQL Code Generator, React Router 4, PostCSS, SSR

Экономит время и нервы)

https://reactql.org/
CSS функция для ограничения многострочного текста троеточием была реализована в Firefox

Теперь
-webkit-line-clamp
можно юзать с большей поддержкой.

https://webplatform.news/issues/2019-05-17
#react
Основные шаблоны проектирования React Hooks

https://itnext.io/essential-react-hooks-design-patterns-a04309cc0404
Пишем чистый и масштабируемый JavaScript-код: 12 советов

Чистота кода - один из показателей уровня разработчика. Бывает, что разработка ограничивается работоспособностью приложения (переодически у меня так): написал, проверил - работает - едем дальше.

Первый шаг в обеспечении чистоты - разбиение на модули. Когда твои функции не свалены в один файл, а логично разнесены в модули, уже можно проследить структуру приложения.
В статье еще несколько правил с примерами вам в помощь.

https://habr.com/ru/company/ruvds/blog/452562/
Webpack от нуля до героя — часть 3: Все является модулем

https://tech.olx.com/webpack-from-zero-to-hero-cf1b77b852c9
Берем под контроль производительность React

https://blog.opendigerati.com/taking-control-of-react-performance-4f21a15a19b5