Приятная интерактивная статья о том, как работают ре-рендеры в реакте. Будет полезно начинающим реактерам, а все остальные могут просто потыкать

joshwcomeau.com/react/why-react-re-renders/

Почему-то мне очень нравится эстетика 12 андроида с его тёмным, но цветным фоном, и алгоритмически полученными цветами. А вон там один разработчик играется с такими динамическими темами для терминалов и IDE

vxtwitter.com/kdrag0n/status/1557902358964645889 (тред)

Клёвые новые фичи Android 13

- Обязательный запрос уведомлений. Теперь приложения должны спросить у пользователя разрешение, чтобы отправлять пуши. На iOS такое уже несколько лет, наконец-то и на андроиде можно уменьшить количество непрошенных пушей
- Доступ приложений к фото теперь тоже может быть ограничен определенными альбомами или несколькими фотографиями (тоже как на iOS)
- Настройка языка для каждого приложения в отдельности. Ещё одна полезная фича, уже знакомая пользователям iOS
- Обновлённый виджет проигрывания медиа (я уже писал о проблемах текущего). Добавили полоску прогресса воспроизведения (волнистая линия выглядит интересно), изменение громкости теперь тоже доступно в пару кликов

Не самый глобальный апдейт, но выглядит интересно. Надо будет поставить на пиксель и потыкать.
Source: MKBHD

В рамках Price Monitor я часто имею дело с базами продуктов и других товаров. У большинства из них есть EAN — номер на штрихкоде (и сам штрихкод, который вы сканируете на кассе). Недавно я начал объединять базы товары из разных магазинов по EAN, и это оказалось не так просто. Потому что EAN — это какой-то черный ящик. Например, вот пачка чая

• Тип штрихкода — EAN13, в нем должно быть 13 символов
• На упаковке напечатано только 12
• Мой сканер распознаёт в нём 13 символов (добавляет 0 в начале)
• Сканер из приложения одного магазина распознаёт 12 символов
• API одного магазина возвращает товар только с 12 символами
• API другого магазина возвращает 11 символов (54881009690)
• При этом API другого магазина для получения товара по штрихкоду возвращает товар и с 11 символами, и с 12, и с 13

🐍 Я победил в змейку на флиппере
На что я потратил полчаса своей жизни…

В 13 андроиде гугл убил единственное преимущество поиска по приложениям в своём лаунчере: открытие по кнопке энтер. Теперь эта кнопка всегда ведёт на отвратительную страницу гугла.

И да, считать 2+2 этот поиск всё ещё не умеет

🛒 Большое обновление Price Monitor!

• Агрегация цен из нескольких магазинов. Теперь показываются цены не только из Глобуса, но и из Ленты! Поддержка других магазинов — в планах
• Редизайн страницы товара. Сравнивайте цены в разных магазинах, смотрите историю цен на графике, узнавайте информацию о сроках действия скидок.
• Обновлённый сканер штрих-кодов. Распознаёт лучше, работает быстрее.
• Новый домен 😏

Попробуйте сами: pricemonit.ru/product/000000000000355946_ST

🔍 Встречайте обновлённую страницу поиска!

Поменялся не только дизайн, но и внутреннее устройство.

Раньше реализация поиска была максимально простая: искалось совпадение по подстрокам в названии и штрих-коде прямо в базе данных. Из-за этого порядок слов имел большое значение. Ах да, ещё поиск был регистрозависимым.

Теперь поиском занимается отдельная поисковая система Meilisearch, которую я захостил на своём сервере. В неё загружается список всех товаров, а она индексирует данные для быстрого поиска. Теперь можно писать слова в любом порядке и даже с ошибками! Единственный минус — meilisearch умеет только в префиксный поиск. Это значит, что, например, "А.Ростагрокомплекс" не найдется по "комплекс" и даже по "Ростагрокомплекс". Думаю, что в будущем придется искать другое решение.

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

Попробуйте сами: pricemonit.ru/search

Сборка nodejs-проектов в бандл

В мире веб-разработки уже никого не удивишь, что проект перед запуском нужно прогнать через сборщик вроде webpack или parcel. Во время сборки и транспиляции код может настолько преобразиться, что станет вообще не похож на исходный. При этом в nodejs-проектах такое встретишь редко. Максимум — компиляция typescript в javascript.

Я решил попробовать добавить бандлер в один из проектов и не пожалел.

В качестве сборщика выбрал esbuild, который славится своей скоростью. Процесс заключается в том, что сборщик берёт исходные файлы и выдаёт один-единственный js-файл, который можно запускать через node. Для запуска не нужны даже node_modules, они уже вшиты в этот файл.

Сборка занимает меньше секунды, а выходной файл занимает всего несколько мегабайт. Достигается это за счет tree shaking'а (удаления неиспользуемого кода). Если еспользовать esm, то tree-shaking будет работать ещё оптимальнее. В результате размер полезной нагрузки проекта уменьшился с 50+ мегабайт до ~6.

В подарок получаем молниеносную сборку тайпскрипта, что очень удобно для локальной разработки. Единственное замечание — esbuild не делает проверку типов. Для разработки не критично, а вот при деплое лучше добавить шаг тайп-чека с помощью tsc --noEmit.

Ещё я давно задумывался над тем, как бы разграничить зависимости разных частей проекта. Например, если проект состоит из веб-сервера и крон-таска, как сделать так, чтобы в докер-образе крон-таска не было зависимостей веб-сервера. И это почти идеальное решение проблемы! Так как бандл собирается для каждой точки запуска, в таск не попадёт ни строчки кода от веб-сервера.

А теперь о деталях реализации.
- для сборки докера использую промежуточный контейнер с node, в котором ставлю зависимости и запускаю бандлер, а дальше копирую нужные файлы в конечный образ
- если в проекте используются декораторы, то нужно использовать esbuild-plugin-tsc. он почти не влияет на время сборки
- если хочется использовать минификацию, то лучше отключить настройку minify-identifiers. из-за неё могут сломаться некоторые модули, которые используют проверку имени конструктора (например, node-fetch)

youtu.be/_ByEBjf9ktY

Большой видос про пешеходные переходы в Америке и Европе. Автор рассказывает про конфигурации светофоров, ширину полос, островки безопасности, лежачие полицеские и не только.

Был удивлён, когда узнал, что в США зачастую разрешено поворачивать направо на красный. У нас замечал только, что в Петербурге часто включают зеленый на поворот направо вместе с зелёным для пешеходов на той стороне. В Москве такого не замечал никогда.

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

Как говорится, без комментариев

Пользовался клёвой библиотекой для TS, делал в неё PR'ы, задавал вопросы в issue, получал на них развёрнутые ответы. В один момент обнаружил себя забаненным в репе. Решил написать автору на почту и в ответ получил вот это.

Рекомендую подписаться на IT блог @logdotb – здесь автор, имеющий более 5 лет опыта разработки в различных сферах, публикует новости из мира айти со своими мыслями.

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

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

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

www.tg-me.com/logdotb

🍕 Маленький апдейт таблицы с Додокоинами

• Цены на напитки увеличили с 100 додокоинов до 130. Теперь все напитки стали невыгодными
• 35см Супермясную пиццу заменили на 35см Маргариту. Потеряна ещё одна выгодная позиция
• Бруслетики всё ещё остаются самой выгодной позицией, но в последнее время их часто не было в наличии. Сейчас такой проблемы не наблюдается

Чехлы для не-айфонов с Magsafe Attach — величайшее изобретение

С одним из датчиков температуры у меня дома явно что-то не так. Если остальные графики выглядят как верхний, то этот выглядит вот так. Он букально обновляет данные раз в несколько секунд. И разряжается за пару месяцев вместо нескольких лет

Это zigbee-датчики от Aqara, вот такие. Я не нашёл в интернете, можно ли настроить эту частоту обновления

Не очень хочу хвастаться, но я наконец-то ворвался в глобальный топ-1000 в Beat Saber 😎

Все мы ругаем баганые анимации уведомлений в iOS 16 и разумеется за дело
Главное не забывать, что андроид существует