For Web — фронтенд, дизайн, программирование

Неочевидная особенность регулярных выражений в JavaScript: как не сломать код, вынося регулярки в переменные → https://forweb.dev/ru/blog/stateful-regexps/

Sucrase, альтернатива Babel для ускорения транспиляции в режиме разработки: транспилирует код с прицелом на современные браузеры, работает в 20 раз быстрее Babel → https://github.com/alangpierce/sucrase

WinBox, библиотека для реализации оконных интерфейсов в вебе → https://nextapps-de.github.io/winbox/

Автоматически растягивающаяся textarea: Крис Койер делится трюком, позволяющим реализовать авторасширение textarea на гридах с минимумом JS → https://css-tricks.com/the-cleanest-trick-for-autogrowing-textareas/

Wrike переходит с Dart на TypeScript и React: подробный рассказ в двух частях о причинах и аргументах в пользу перехода.

Почему не Dart → https://habr.com/p/551962/
Почему TypeScript и React → https://habr.com/p/551964/

Colord, легковесная и быстрая библиотека для конвертации и преобразования цветов → https://github.com/omgovich/colord

Рецепты веб-перформанса с Puppeteer: Эдди Османи делится практическими способами автоматизации измерения производительности → https://addyosmani.com/blog/puppeteer-recipes/

Сравнение производительности обычного CSS и CSS-in-JS с неутешительными выводами для любителей styled-components и других CSS-in-JS библиотек с рантаймом → https://pustelto.com/blog/css-vs-css-in-js-perf

Изменение размеров изображения с учетом его содержимого: Алексей Трехлеб объясняет принципы алгоритма Seam Carving и пошагово реализует его на TypeScript с применением динамического программирования → https://vas3k.club/post/9637/

Переход Chrome DevTools на TypeScript: инженеры Google о мотивации и опыте миграции инструментов разработчика Chrome с Closure Compiler на TypeScript → https://developer.chrome.com/blog/migrating-to-typescript/

Микрофронтенды в Delivery Club: разделяй и властвуй. Почему разработчики Delivery Club решили использовать микрофронтенды и с какими проблемами они столкнулись при внедрении → https://habr.com/p/552240/

Сравниваем новое поколение сборщиков: подробный обзор и сравнение возможностей esbuild, snowpack, vite и wmr → https://css-tricks.com/comparing-the-new-generation-of-build-tools/

​[Вакансия, удалёнка или релокация в Москву/Ригу]
Middle/Senior фронтенд-разработчик в Rarible, зарплата в $ выше рынка + опцион

Rarible — глобальный, лидирующий NFT-маркетплейс. У нас продают гифки, музыку, игровые айтемы и другой цифровой контент независимые художники, разработчики, звёзды, спортсмены, топовые бренды и известные люди вроде Ильи Варламова, Линдси Лохан и миллиардера Марка Кьюбана. До сих пор мы справлялись силами небольшой команды (1 фронтендер и несколько бэкендеров), но мы очень быстро растём и ищем фронтов на несколько новых направлений. За прошлый месяц наш трафик составил 7 млн посетителей со всего мира.

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

Сейчас у нас работают сотрудники из 8 стран. Мы ценим людей, умеющих достигать результата, и считаем, что люди должны получать удовольствие от жизни.

Подробнее о нас → https://www.forbes.ru/karera-i-svoy-biznes/424541-strana-otverzhennyh-hudozhnikov-kak-rossiyane-sozdali-globalnogo-igroka

Откликайтесь и задавайте любые вопросы → @Itsnastyahr

Как инженеры приватной поисковой системы Cliqz реализовали браузерный саджест на RxJS → https://0x65.dev/blog/2019-12-12/implementing-search-as-you-type-in-the-browser-using-rxjs.html

Рисуем деревья на canvas с помощью L-систем, TypeScript и ООП: руководство Саши Беспоясова в трёх частях с упором на практическое применение принципов SOLID и чистой архитектуры → https://bespoyasov.ru/blog/generating-trees-on-canvas-using-typescript-and-oop/

Figma Crash Course, видеокурс о продвинутых возможностях Figma вроде автоматической раскладки элементов, прототипирования и построения дизайн-систем. Первая часть уже доступна, остальные выходят в этом году → https://www.figmacrashcourse.com

Web Browser Engineering, книга (в процессе написания) о разработке браузера с нуля для понимания того, как работают браузеры → https://browser.engineering/

Аутентификация пользователей в вебе на примере Node.js и Express: от HTTP-заголовков и кук до JWT. Видеокурс Зака Голвитцера → https://youtu.be/F-sFp_AvHc8

Эффективные заголовки документов: как сделать <title> максимально полезным и как улучшить UX, обновляя его динамически → https://tomekdev.com/posts/effective-titles-and-more