⇤ На главную

Сова рассылает выпуск #6

9 окт. 2021 г.

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


Прекратите излишне использовать метод .map() 🇺🇸

Статья напоминает бывалым и рассказывает новичкам, как работает .map на массивах и почему не надо его использовать для всего подряд. Особенно когда есть прекрасные замены, вроде for in, for of, .forEach.

dev.to

Руководство по Docker для начинающих 🇺🇸

Вам всё ещё кажется докер сложным, тогда мы идем к Вам!

На деле тут нечего добавить, очень рекомендую прочесть каждому. Докер обновляется, меняются его внутренние механизмы, даже опытным разработчикам стоит обновлять свои базовые знания.

www.analyticsvidhya.com

9 практик оптимизации frontend 🇺🇸

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

Раньше, когда я видел статьи, как кто-то ускорил свой фронтенд на 50 миллисекунд я думал “Да это слишком мало, даже чтобы читать статью, не то, чтобы тратить время команды”. Но оказалось, что складывая оптимизации вместе, можно добиться ускорения отдачи страницы в несколько раз. А это весьма существенный прирост.

blog.bitsrc.io

Принципы проектирования API 🇺🇸

Статья расскажет о принципах проектирования API в Slack. По опыту могу сказать, что дизайн API может быть очень непростым делом с кучей подводных камней, особенно когда дело доходит до нескольких разных клиентах (мобильные, веб, десктоп, сервера).

blog.quastor.org

Fontsource

Отличная замена сервису Google Fonts, который помимо черепашьей скорости предоставляет бесплатный трекинг ваших пользователей, что не очень приятно в наши дни.

Fontsource позволяет установить шрифт через npm, при этом все шрифты которые есть в Google Fonts. В итоге повышается LCP метрика, ускоряется первая загрузка ведь нужно установить https соединение только с одним доменом.

fontsource.org

Простой режим психического здоровья для разработчиков 🇺🇸

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

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

smashingmagazine.com

Создание PWA на React с поддержкой оффлайна и тем оформления 🇺🇸

Статья поможет разобраться как устроен PWA, каким образом Service Workers помогают в детектировании оффлайна, а также немного о workbox.

dev.to

Основы тестирования с внешними хранилищами 🇺🇸

Как же писать тесты на части приложения, в которых используется сохранение данных где-то во внешнем хранилище, например в postgres?

Ключевые тезисы:

Статья показывает примеры кода на Java, но не стоит пугаться, весь опыт можно легко перенести в JavaScript приложения, а вот с Rust придется попотеть, там не всё так легко портируется.

infoq.com

async-graphql — построение GraphQL сервера на Rust 🐙

Потрясающая и живая библиотека, при этом не завязана на какой-либо web-фреймворк. Раньше я пользовался Juniper, но страдал из-за отсутствия поддержки async/.await в нём и сложностей с грамотным разделением на модули.

Просто взгляните на сравнение Juniper и async-graphql: feature-comparison.md

github.com

Визуально потрясающие математические концепции, которые легко объяснить 🇺🇸

Подборка комментариев на StackExchange, с анимированной визуализацией математических идей, с кратким простым пояснением.

math.stackexchange.com

Состояния в конечных автоматах и JavaScript 🇺🇸

Эван рассказывает о принципах построения и работы сложных конечных автоматов на примере промисов, итераторов и генераторов в JavaScript. Возможно, вы этого не знали.

evan-brass.github.io

Хаос в экосистеме micro frontends и как его решать 🇺🇸

Обзорная статья о проблемах в экосистеме реализованной на micro frontends, с чем придется столкнуться, как можно решать и какие требования вообще стоит предъявлять к подобной системе

itnext.io

Настройка современного стека Web-приложений Rust+React запуском одной команды 🐙

Команда create-rust-app настроит вам: actix-web, postgres, отправку писем, diesel для базы данных с миграциями, генерацию типов typescript, CRUD генератор, авторизацию через JWT с менеджментом сессий, фронтенд на react+react-router, докерфайл и небольшую админку.

Как минимум стоит попробовать 🙂 🦀

create-rust-app.dev

Доступная панель команд для вашего веб-приложению 🐙

Наверняка вы уже видели подобный интерфейс в VSCode или Linear. Репозиторий предоставляет npm-пакет с React-компонентом позволяющим легко имплементировать панель команд в вашем приложении. Есть поддержка темизации и документация о внутреннем устройстве.

github.com

(Самый) полный гайд по рендерингу React 🇺🇸

Ну и напоследок будет длиннющая статья, но при этом максимально подробно рассказывающая как работает рендеринг в React. Рассказываются механизмы работы классов и функциональных компонентов. В конце есть полезный список других статей к прочтению.

blog.isquaredsoftware.com

↵ На главную

Получайте больше на почту…

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

Каждая ссылка перед добавлением в рассылку проходит моё ревью, я читаю содержимое и анализирую полезность для подписчиков.