CSS Grid vs Flexbox

#css #frontend #webdev #jsarticle

7 NPM команд, которые помогут сэкономить вам время

#npm #jsarticle

Управление глобальным состоянием в React через Context API и Hooks

#react #frontend #jsarticle #javascript #hooks

​​Иллюстрированное введение в WebGL

#webgl #frontend #jsarticle #javascript #webdev

Настраиваемый график на Angular за несколько минут

#angular #frontend #webdev #jsarticle #javascript

multiple-fetch - отслеживание сразу нескольких ресурсов и генерация объекта с данными

#frontend #jslib #webdev #javascript

Рекомендации от команды Node.js по публикации пакетов

#npm #backend #jsarticle #javascript

Утраченный потенциал ванильного JavaScript

Статья расказывает про то, почему иногда не нужно использовать фреймворки, что нужно чётко понимать зачем нужна та или иная технология и почему знание ванильного JavaScript более ценно, чем фреймворков

#jsarticle

Колин Бенделл из Cloudinary в статье "Microbrowsers are Everywhere" рассказал про микробраузеры, и почему они важны.

В статье микробраузерами называется механизм, который скачивает по ссылке html-страницу, парсит её и отображает короткое содержание страницы, используя мета-теги Open Graph, OEmbed, Twitter Cards или обычный description. Обычно такие превью можно увидеть в мессенджерах: Telegram, WhatsApp, Slack. Колин пишет про то, что в современном мире, первое впечатление о сайте как раз формируется благодаря таким превью. Владельцы сайтов не могут узнать, что страница была запрошена в превью режиме, так как одни мессенджеры маскируются под мобильные браузеры, а другие кешируют у себя на сервере результат парсинга и только им известно сколько человек увидело превью.

Пользователей мессенджеров огромное количество, поэтому важно сделать так, чтобы превью страниц работало без проблем. В статье есть несколько советов как оптимизировать страницу под микробраузеры, например, использовать только один мета-тег favicon (iMessage качает все ресурсы в синхронном режиме), не использовать UA-сниффинг для скрытия мета-тегов, предоставлять не более трёх изображений в <meta property="og:image".

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

#mobile #ux

https://24ways.org/2019/microbrowsers-are-everywhere/

Из чего сделан JavaScript

Статья Дэна Абрамова про базовые JavaScript концепты

#jsarticle #javascript

​​Как я тестирую мои React приложения в 2019

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

#testing #javascript #jsarticle #frontend #webdev #react

Ориентирование в мире хайповой фронтенд разработки

Kitze, автор доклада, объясняет, почему не всегда нужно использовать самые модные технологии, что не существует идеальных решений. Также он раскрывает основные проблемы современных фронтенд разработчиков

#jsvideo #frontend

Эффект параллакса за 10 строчек JavaScript

#jsarticle #frontend #webdev #javascript

Разбираемся в JS-декораторах. Майк Грин заметил, как MobX использует декораторы для объявления полей классов, проникся и спешит поделиться — https://www.simplethread.com/understanding-js-decorators/

Лучшие практики для разработки крупномасштабных React приложений

#react #frontend #webdev #javascript #jsarticle

Почему я не использую React Router

#jsarticle #javascript #react #webdev #frontend

Тёмная и светлая тема: адаптация цветовой схемы OS и переключатель тем

#frontend #webdev #jsarticle #javascript #rxjs #css

Предотвращение кражи медиа файлов

В статье поясняется как заменять источники картинок на сгенерированные URLы, тем самым не дав прямого доступа к файлу

#jsarticle #jssecurity #frontend #webdev #javascript

CORS, XSS и CSRF за 10 минут

#jssecurity #jsarticle #webdev