Middleware в Next.js 13 на практике: на заметку фронтенд-разработчику

#javascript #tip #react #nextjs by Alex Sidorenko

📖В MDN Web Docs с недавних пор появились отдельные страницы для каждой функции регулярных выражений JavaScript с более полной информацией о синтаксисе и семантике, включая информацию о совместимости браузеров.

📌Гайды
• Assertions
• Character classes
• Groups and backreferences
• Quantifiers
• A cheat sheet

📌Справочные страницы
• Creating regular expressions
• Flags
• Assertions
• Atoms
• Other features

👉Разбираемся подробнее, как организована информация и как новая документация может помочь вам писать регулярные выражения на JavaScript.

🛞Учитель из России Татьяна Ерухимова уехала в США и занимается тем, чем должен заниматься любой нормальный учитель — прививает любовь к знаниям своим ученикам.

💬Всем бы таких учителей… А вы помните своего любимого учителя и предмет, который больше всего на вас повлиял?

#холивар

👩‍💻 Женщины в ИТ: проблемы и преимущества сложной профессии

Айтишницы поделились профессиональным опытом и рассказали о стереотипах и сложностях, с которыми им пришлось столкнуться на карьерном пути.

🔗 Читать статью
🔗 Зеркало

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

⚡Вышел Chrome 118. Подробнее о нововведениях читайте здесь.
⚡Доступен корректирующий выпуск Firefox 118.0.2, в котором представлены некоторые исправления.
⚡Представлены Node 20.8.0 и Node 18.18.1 (LTS)

🔸Electron 27: набор инструментов для кроссплатформенных десктопных приложений получает поддержку Chromium 118, Node.js 18.17.1 и V8 11.8, но теряет поддержку macOS 10.13/14.
🔸Fresh 1.5: нативный фреймворк Deno для создания полнофункциональных веб-приложений. В версии 1.5 добавлена ​​поддержка partials (возможность обновить часть существующей страницы).
🔸Parcel 2.10: zero-config инструмент сборки получил серьезные улучшения производительности (в 7 раз быстрее в крупных проектах). Devon Govett погрузился в эту тему подробнее в треде.
🔸Bun 1.0.5: исправлены ошибки и представлены небольшие улучшения для рантайма JS.
🔸Payload 2.0: Postgres, Live Preview, Lexical RTE и многое другое
🔸Ionic 7.5: добавлена поддержка автономных компонентов Angular, Datetime, Toast и многого другого.

🔹Solid 1.8 — реактивная JavaScript-библиотека для создания UI без использования виртуальной DOM.
🔹Hotkey 2.1.1 — инструмент для добавления сочетания клавиш на страницы с помощью HTML-атрибутов (например, data-hotkey="Meta+d").
🔹React-Menu 4.1 — компонент для создания доступных меню и раскрывающихся списков.
🔹pnpm 8.9 — альтернативный эффективный менеджер пакетов.
🔹Highlight.js 11.9 — популярная библиотека подсветки синтаксиса JS.

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

💡Простой совет по анимации иконки: на заметку фронтенд-разработчику

#css #tip by Shripal Soni

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

Stephanie Eckles более 15 лет работала фронтенд-разработчиком, а теперь делится опытом. Она рассказывает об использовании кастомных свойств и эффективном устранении неполадок, рассматривая:

☑️Как браузер определяет значения для любого свойства
☑️Про Computed value time
☑️Подводные камни при использовании кастомных свойств с помощью современного CSS
☑️Почему наследование должно влиять на вашу архитектуру кастомных свойств

🎙Свежий выпуск подкаста «Веб-стандарты»: Андрей Мелихов, Юля Миоцен, Вадим Макеев про Safari TP, бету Chrome 119, Divtober, пересмотр Baseline, новинки WCAG 2.2 и Closure Compiler.

00:01:08 Новинки Safari
00:22:26 Бета Chrome 119
00:50:01 Divtober
00:56:29 Пересмотр Baseline
01:08:03 Новинки WCAG 2.2
01:15:01 Closure Compiler

⏯ YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста

#подкасты

Почему экосистема фронтенда настолько сложна?

📌Основные тезисы из статьи, которая подчеркивает боль всех фронтендеров:

🤯Нет единой системы импортов: ESModules, CommonJS, Asynchronous Module Definition (AMD), Universal Module Definition (UMD)
🤯Многочисленные шаги минификации, траспиляции
🤯Совершенно разные условия запуска кода: разные версии браузеров, server side, client side и т. д.
🤯Слишком многие фронтенд-инструменты полагаются на определенную структуру файлов в проекте
🤯Configuration hell: огромное количество инструментов, которые нужно как-то подружить между собой
🤯Из-за множества слоёв преобразования затруднён hot reload

💬Согласны с автором?

👍 — в точку
🤔 — нет, я не испытываю таких проблем при разработке