ViteConf 2022 — для тех кто пропустил 🏖️

Запись конференции ViteConf 2022

https://www.youtube.com/watch?v=Znd11rVHQOE

Node добавляет нативную поддержку `--watch` в v18 👏

Пока что это только экспериментальная фича, но наконец-то они к этому пришли

https://github.com/nodejs/node/pull/44366

Осталось 3 дня до начала Next.js Conf, не забываем зарегаться и запастись попкорном 👨‍💻

CSS :autofill селектор 🤪

Тебе когда-нибудь приходилось бороться с нативной браузерной автоподстановкой текста в инпутах?

Если твой ответ да, то тогда ты познал эту боль 😔

Лови лёгкий обезбол от этой головной боли 🔥

https://habr.com/ru/post/695194/

Вышел Safari 16.1 🧐

Я что-то эгоистично игнорил апдейты Webkit и Safari, буду исправляться

Вернёмся на версию назад и глянем, что было в Safari 16.0:
1. Container Queries
2. Subgrid
3. Улучшение инспектора для флексбокса и разработки расширений
4. CSS offset-path
5. Overscroll Behavior
6. Shared Workers
7. ShadowRealm API
8. media query: resolution
9. CSS :has() селектор
10. text-align-last
11. animation-composition
12. Улучшение работы display: contents

Что всё-таки нового в Safari 16.1?
1.Web Push для macOS Ventura (их реально не было? Я что-то не в курсах)
2. Анимированные AVIF картинки
3. Passkeys
4. Scroll to Text Fragment
5. Улучшение захвата экрана
6. Пара улучшение для iPadOS

Подробнее тут

Осенняя конференция для JavaScript-разработчиков HolyJS 🧑‍🎓

🌐 10–11 ноября — онлайн
👥 20 ноября — офлайн (Москва)

Как разрабатывать сложные веб-приложения для дисплеев с высокой частотой обновления? Или как можно строить приложение любой сложности на основе библиотеки в два килобайта и как правильные абстракции могут уменьшать сложность кода? Ответы на эти вопросы и не только — на HolyJS!

Программа конференции почти готова 🔥

Если ты хочешь на несколько часов отвлечься и побыть среди единомышленников, то приходи на HolyJS.

Подробности и билеты — holyjs.ru

P.S. промокод frontendpasta2022JRGpc даст скидку от 20% на билеты из категории «Для частных лиц».

Самое главное с Next Conf 2022 🤓

Команда Vercel анонсировали Next.js 13 с кучей апдейтов
Один из самых ярких и спорных (имхо) это переход с вебпака на новый аналог Turbopack

Чекай запись этого доклада по ссылке ниже, а я обещаю, что сделаю перевод полного ченжлога на следующей неделе 😊
https://youtu.be/NiknNI_0J48

CSS offset-path — топ штука для анимации 🔥

Совсем недавно вышел Safari 16, он добавил поддержку offset-path, таким образом сейчас все современные версии браузеров поддерживают это свойство и вполне можно начинать его юзать в своих проектиках (если твоя целевая аудитория не динозавры 🙏)

Пока что лучше всего поддерживается только функция path()

Чекай пример ниже, поймёшь, что всё супер просто 🏋️‍♀️

https://codepen.io/danwilson/details/MWErdKL

Как быстро открывать девтулзы в хроме? 🤭

Я думаю для многих не секрет, что девтулзы можно открыть через кнопочку F12 👏

Кто-то скажет, что мне этого достаточно и перестанет читать, но для тебя любопытного напишу ещё пару вариантов, удобнее чем F12

Открыть вкладку JavaScript консоль:
MacOS: Cmd + Option + J
Windows: Ctrl + Shift + J

Открыть вкладку Elements с уже выбранным селектором элементов:
MacOS: Cmd + Option + C
Windows: Ctrl + Shift + C

Открыть последнюю открытую вкладку:
MacOS: Cmd + Option + I
Windows: Ctrl + Shift + I

JetBrains Aqua Preview — IDE для тестирования 🧑‍🎓

Знаю, что не совсем в тему, но эта штука стоит внимания!

Видосик с фичами
https://www.youtube.com/watch?v=z7Yjl2Agrwg

Статья из блога JetBrains
https://blog.jetbrains.com/qa/2022/11/introducing-aqua-a-powerful-ide-for-test-automation-by-jetbrains/

Что нового в Next.js 13?

Моё обещание задержалось на недельку, но главное сдержалось, и статья получилась очень полезной 😊

Бегом читать 🧑‍🎓🧑‍🎓🧑‍🎓

https://habr.com/ru/post/698966/

Nuxt 3.0 теперь stable 😇

Команда Nuxt наконец-то сделала релиз с пометкой stable, грац друзья 🔥🔥🔥

Немного подробнее по ссылке ниже
https://nuxt.com/v3

Что нового в Angular v15? 🧑‍🎓

Вышла новая мажорная версия, изменений много, брейкинг ченжей мало 😍

https://habr.com/ru/post/701334/

Все самое необходимое для Pinia собрано в одном месте 🏖️

Сохрани эту памятку Pinia, чтобы всегда иметь под рукой важную информацию 🧑‍🎓

Про Pinia можно почитать тут

Supabase за 100 секунд 🫡

Не так давно я писал про свой пет-прожект с использованием Supabase, нашёл для тебе краткий видосик про эту штуку 🧑‍🎓

https://www.youtube.com/watch?v=zBZgdTb-dns

Что за магия у Svelte? 📈

Каким-то образом, Svelte обогнал по скачивания в ноябре Vue, Angular и стремительно догоняет React 🤯

Как думаешь, в чём причина? 🤨

Релиз Chrome 108 🔥

Что нового дал нам релиз?
— Новые динамичные переменные для вьюпорта (dvw, dvh, dvi, dvb, dvmin, dvmax) - топ штука и мастхев в следующих проекта
— Шрифты с переменными теперь поддерживаются в COLRv1
— Методы FileSystemSyncAccessHandle стали синхронными

Смотреть подробнее
Читать подробнее