📌 Новости и обновления популярных инструментов: подборка для фронтенд-разработчика

⚡Релиз Safari 17.0. Возможности WebKit в новой версии:

• Начальная поддержка font-size-adjust, позволяющая легко сделать одинаковым визуальный размер разных шрифтов
• ​​Поддержка text-transform: full-width и text-transform: full-size-kana.
• Новый элемент поиска <search>, атрибут popover и многое другое

⚡Релиз Firefox 118:

• В CSS добавлено 10 новых математических функций
• В CSS-свойстве font-size-adjust реализован параметр "from-font", указывающий об использовании метрик шрифта, взятых из первого доступного шрифта
• В HTTP-заголовке Permissions-Policy добавлена поддержка значения publickey-credentials-get
• По умолчанию включён механизм ORB, позиционируемый как замена механизма CORB для блокирования загрузки ресурсов при запросе со стороннего домена
• Включена по умолчанию система машинного перевода и многое другое

🔸Shoelace 2.9 — набор компонентов, не зависящих от фреймворка.
🔸Dependency Cruiser 14.0 — инструмент для визуализации и проверки зависимостей.
🔸Ember 5.3 — амбициозный фреймворк для создания современных веб-приложений.
🔸pnpm 8.8 — менеджер пакетов для JavaScript.
🔸Bit 1.0 — инструмент для изоляции, версионирования и повторного использования компонентов кода.
🔸n64js — эмулятор Nintendo 64 на JavaScript.
🔸Chardet 2.0 — библиотека для определения кодировки символов.
🔸React Chrono 2.3 — современный React-компонент для рендеринга временных шкал.
🔸Sonner 1.0 — компонент всплывающих уведомлений для React.
🔸React PDF 7.4 — инструмент для отображения PDF-файлов в React-приложении.
🔸React Bootstrap 2.9 — компоненты Bootstrap, созданные для React.
🔸React Native VisionCamera 3.1 — мощная и высокопроизводительная React-библиотека для управления камерой.
🔸ip-address 9.0 — библиотека для парсинга и управления адресами IPv4 и IPv6 в JavaScript.
🔸Jazzer.js 2.0 — фаззер для Node.js.
🔸Preact 10.18.0
🔸esbuild 0.19.4

#чтопроисходит

🚀Паша Востриков, фронтенд-разработчик в «Лаборатории Касперского», делится богатым опытом отладки JavaScript-приложений

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

1. Отладка фронта
2. Отладка Node.js
3. Observability: логи, трейсы, метрики (вдогонку можно посмотреть доклад «Логи, трейсы, метрики: как не заблудиться в собственном приложении»)
4. Стенды для отладки
5. Опыт команды и многое другое

🔧Один аспект, который вам никто не объяснил о TypeScript

Автор Mock Service Worker приводит веские аргументы в пользу создания отдельного tsconfig.json для каждого окружения, в которой выполняется ваш код👇

❗️«У вас должно быть столько конфигураций TypeScript, сколько слоев есть в вашем проекте: исходный код, тестирование Node.js, тестирование в браузере, сторонние инструменты и т. д.».

🔗 Подробнее

💡Новый способ замены элемента в массиве

Актуальные версии всех браузеров поддерживают метод with(index, value) для создания копии массива с заменой одного элемента.

▶️ Подробнее

#javascript #tip by Shripal Soni

👀 driver.js — легковесная библиотека, которая позволяет пошагово познакомить пользователя с продуктом или просто сосредоточить внимание на странице. Без лишних зависимостей, работает с любым фреймворком, написана на TypeScript.

🔗 Сайт & GitHub

Подборка лучших статей «Библиотеки программиста» за сентябрь: сохраняй в заметки, чтобы не пропустить #самыйсок

🎓💼 ТОП-9 не самых очевидных компаний для стажировки в ИТ
🦸⚡ 9 способов настройки градиента цели для поддержания мотивации
⚒️ ТОП-27 плагинов для Visual Studio Code в 2023
🔎💼🗺️ Как программисту искать (и найти) работу за границей в 2023 году
🔝 Приоритизация задач по методу MoSCoW: как за 5 минут научиться грамотно расставлять приоритеты
📊 Как я входил в IT? Результаты опроса «Библиотеки программиста»

👨‍🎓State of HTML 2023 — опрос, который содержит информацию о 131 новой фиче и нестандартных реализациях (от контента до UX и не только) в рамках создания веб-приложений.

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

👉 И да, его можно пройти анонимно и без регистрации. А если нажмете ➕ ,узнаете дополнительную информацию по каждому отдельному аспекту.

🥊 Next.js 13 vs Remix: практическое сравнение

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

👉 Читать

🧑‍🍳Кулинарный гид по Vue.js: как фронтенд-разработчику готовить на «кухне» props

Выбирайте подходящий уровень сложности:

🥣Джуны-поварята смогут лучше разобраться в работе и применении props в Vue.js
🥣Для мидлов и более опытных специалистов авторы приготовили продвинутые кулинарные техники props, где можно освежить в памяти некоторые детали или решить проектную проблему

🔗 Читать