📌 Ловите подборку за неделю и узнайте, #чтопроисходит

⚡️ Состоялся релиз Firefox 116 и сформированы обновления ветки с длительным сроком поддержки (115.1.0 и 102.14.0).
⚡️ Инструменты разработчика Firefox 116 теперь поддерживают средства форматирования кастомных объектов.
⚡️ Команда Google представила несколько значительных улучшений в том, как можно загружать JavaScript-код Google карт.
⚡️ Проект Svelte опубликовал свое последнее ежемесячное обновление. Да, сейчас в мире Svelte происходит много всего.

🔹 VanJS 1.0 — реактивный UI-фреймворк размером 1 КБ без React/JSX. Релиз v1.0 на этой неделе — относительно большой шаг вперед для еще молодого проекта.
🔹 Backbone 1.5 — библиотека, которая структурирует веб-приложения, предоставляя модели с привязкой ключ-значение и настраиваемые события/коллекции, и подключает все это к вашему существующему API через интерфейс RESTful JSON..
🔹 Shoelace 2.6 — популярный набор независимых веб-UI-компонентов.
🔹 Prisma 5.1 — Node.js нового поколения + ORM TypeScript.
🔹 eslint-config-prettier 8.10 — отключите правила ESLint, которые конфликтуют с Prettier.
🔹 tsup 7.2 — самый простой и быстрый способ связать ваши TypeScript-библиотеки.
🔹 Hackathon Starter 8.0 — шаблон для веб-приложений Node.js.
🔹 OGL 1.0 — минимальная библиотека WebGL.
🔹 Size Limit 8.2 — инструмента для проверки производительности вашего JS-проекта.
🔹 Stockfish.js 16 — знаменитый шахматный движок Stockfish на JS через WASM.
🔹 Marked 6.0 — быстрый анализатор и компилятор Markdown, теперь правда на TypeScript.
🔹 eta (η) 3.1 — Встроенный механизм шаблонов JS, теперь с поддержкой Bun.
🔹 Tremor 3.6 — React-библиотека для создания дашбордов.
🔹 Octokit.js 3.1 — GitHub SDK, включающий API client, App client и Action client.
🔹 React Image Gallery 1.3 — компонент карусели галереи изображений.
🔹 YouTube.js 5.8 — библиотека для использования InnerTube API.

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

📌 Подборка для фронтенд-разработчика:

⚡️Анонс TypeScript 5.2: с настоящего момента до стабильного выпуска TypeScript 5.2 не выйдет никаких дальнейших изменений, кроме критических исправлений ошибок.
🤔 Возрожденное, но раннее предложение: Observable API для более эргономичной и компонуемой обработки событий JavaScript.
🔹 «Svelte 5 будет радикальным», — написал Рич Харрис в Твиттере.
🔹 Deno 1.36 была выпущена с расширенными параметрами безопасности, полифиллом для node:test и многими другими незначительными улучшениями совместимости Node.js.
🔹 esbuild 0.19.1 — высокопроизводительный упаковщик теперь может импортировать пути, содержащие подстановочные знаки, и поддерживает расширенные CSS-правила @import.
🔹 Astro 2.10 — также есть первая бета-версия Astro 3.
🔹 Релизы безопасности Node.js — v20.5.1 (текущая), v18.17.1 (LTS) и v16.20.2 (LTS).
🔹 Fuite 3.0 — инструмент для поиска утечек памяти в веб-приложениях.
🔹 Luxon 3.4 — библиотека управления датой и временем.
🔹 d3-graphviz 5.1 — визуализирует SVG из графиков, описанных на языке DOT с использованием @hpcc-js/wasm и выполняет анимированные переходы между графиками.
🔹 React Virtuoso 4.5 — самый мощный компонент виртуального списка/таблицы React.
🔹 Perspective 2.4 – быстрая потоковая визуализация данных в реальном времени.
🔹 express-rate-limit 6.9 — rate-limiting middleware для приложений Express.
🔹 PLV8 3.2 — использование JS в качестве процедурного языка в PostgreSQL.
🔹 Puppeteer 21.0.3 — библиотека Node.js, которая предоставляет высокоуровневый API для управления Chrome/Chromium по протоколу DevTools.

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

📌 Подборка для фронтенд-разработчика:

⚡️Вышел Chrome 116. Что нового: Document Picture-in-Picture API, свойство notRestoredReasons и многое другое.
🔸Анонс Electron 26.0. Значительное изменение номера версии связано с обновлением до кодовой базы Chromium 116, платформы Node.js 18.16.1 и JavaScript-движка V8 11.2.
🔸Анонс Fresh 1.4, веб-фреймворка на базе Deno.
🔸jest-dom 6.0.1 — кастомные матчеры Jest.
🔸NodeBB 3.3.1 — движок для форумов на базе Node.js.
🔸Angular 16.2
🔸Playwright 1.37.0 — фреймворк для веб-тестирования и автоматизации.
🔸SVGR 8.1 — преобразование SVG в React-компоненты.
🔸BlockNote 0.9 — блочный редактор в стиле Notion, построенный на основе Prosemirror (демо)
🔸React Number Format 5.3 — библиотека форматирования ввода для чисел.
🔸Tinypool 0.8 — минималистичная имплементации Worker Thread Pool Node.js.
🔸melonJS 15.9 — легковесный игровой движок HTML5.
🔸Sortable 2.3 — ванильная сортировка таблиц JavaScript (демо)
🔸Preact 10.17.0 — быстрая альтернатива React размером с таким же современным API.

Креатив от третьего докладчика👇

Чтобы стать крутым сеньором,
Нужно срочно на реакте,
Ангуляре, вью и квике,
Вам закодить ту-ду лист.

📌А вот и подборка докладов:

📺Алексей Авдеев, CTO в Mish. Что такое Web3 и как под него разрабатывать.
📺Роман Миронов, фронтенд-разработчик в Авито. Как мы добавляли видео на Авито.
📺Александр Водолазских, руководитель направления разработки интерфейсов клиентского продукта в СберМаркете. Pet-проекты – это зло. Вредные советы для фронтендеров.

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

💛Подборка докладов для фронтенд-разработчика (презентации):

🌐 Что делать, когда бандл нужно «посадить на диету» / Софья Гусева
🌐 Сотни компонентов, сотни экспериментов и всего одна страница / Константин Носов
🌐 Ajax от A до X / Александр Сулима
🌐 Ускоряем Time To Market / Иван Артамонов
🌐 ДАА!! ML на JavaScript! Но зачем? / Алексей Охрименко

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

🤩Подборка для фронтенд-разработчика:

🌐 CSS in JS или самая противоречивая техника стилизации веба / Ильдар Муллахметов, Авито Тех

• Почему CSS in JS библиотеки вызывают так много противоречий среди frontend разработчиков?
• Как влияют на производительность, поддерживаемость кода, девелопер экспириенс?
• Как браузер обрабатывает styled, как влияет на семантику, работает с props и theme?

🌐 Что такое Sentry и почему без него тяжело / Кирилл Логачев, Level Travel

• Как правильно настраивать, использовать и мониторить Sentry?
• Что поможет уменьшить количество ошибок в продакшене?
• Как определять и быстро устранять просочившиеся с релизом ошибки?

🌐 По ту сторону WebView / Максим Лавренюк, UZUM TECHNOLOGIES

• Что следует сделать в первую очередь при старте интеграции?
• Как подружить нативные компоненты с вебом?
• Как спрятать бесшовную авторизацию?
• О чем попросить мобильных разработчиков, чтобы облегчить себе жизнь?

🌐 Web3 для фронтенд-разработчика / Назим Гафаров, Based link

• Какие возможности предоставляет web3 именно для фронтенд-разработчика?
• Какие популярные пакеты можно использовать вместе с React для взаимодействия с Ethereum-кошельками и смарт-контрактами?
• С какими проблемами можно столкнуться при переходе на web3?

📺Смотреть весь митап

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

🐦🔥Команда React объявила, что долгожданные функции Server Actions и Client Actions теперь доступны в React Canary.

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

👀 СРОЧНО: Next.js 27 позволит взаимодействовать с ядром системы на уровне компонентов

А если серьезно, то на недавней Next.js Conf была представлена 14-ая версия фреймворка, а вместе с ней стабильную поддержку получили Server Actions. Кроме того:

◆ next dev --turbo
↳ Запуск локального сервера на 53% быстрее
↳ Обновление кода на 94% быстрее
◆ Partial Prerendering (Preview)
◆ Новый курс для изучения Next.js
↳ App Router
↳ Authentication
↳ Postgres

Хотите погрузиться в эту тему подробнее? Читайте анонс React Server Components или запустите демо-приложение, использующее React Server Components. Если совсем ничего непонятно, здесь есть неплохой обзор происходящего с React и Next.js.

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

🤖 Итоги недели в мире ИИ и обзоры новых сервисов

Мы написали статью на VC, которая основана на очередном выпуске нашей рассылки про последние новости и тенденции в мире ИИ. Залетайте и читайте!

👇Ниже — мини-подборка из статьи 👇

📰 Новости

▫️ OpenAI объявила о запуске долгожданного магазина кастомных чат-ботов.
▫️ В Пасадене (штат Калифорния) открывается первая закусочная CaliExpress by Flippy, полностью управляемая ИИ.
▫️ NVIDIA выпустила модель для распознавания речи Parakeet, которая по всем показателям превосходит OpenAI Whisper.
▫️ Использование ИИ в совместном научном проекте Microsoft и Тихоокеанской северо-западной национальной лаборатории в течение недели помогло определить новый элемент, который поможет снизить на 70% использование лития в батареях. Без ИИ такое исследование заняло бы по меньшей мере 20 лет.
▫️ Компания ByteDance выпустила новую модель MagicVideo-V2 для генерации видео.

🛠 Инструменты

◾️ Auto Wiki — генерирует вики-документацию для GitHub репозиториев.
◾️ Code to Flow — визуализирует, анализирует и объясняет код, написанный на всех популярных языках и фреймворках.
◾️ Concepto — платформа для создания прототипов веб-приложений.
◾️ Afforai — выполняет суммаризацию, перевод и поиск по множеству документов.
◾️ Corgea — исправляет уязвимые фрагменты кода.
◾️ Jan — опенсорсный оффлайновый чат-бот.
◾️ Plus AI — плагин для Google Slides: делает профессиональные презентации, персональные и командные дашборды, любые отчеты.

🤙 Сделай сам

🔸 WikiChat — опенсорсный инструмент для коррекции галлюцинаций с помощью информации из Википедии.
🔸 Подробная шпаргалка и советы по созданию продвинутых RAG.
🔸 OpenVoice — опенсорный инструмент для мгновенного клонирования голоса.

🎓 Туториалы

🔹 Туториал по работе с новым API Query Pipelines показывает примеры создания простых линейных цепочек и сложных ациклических графов из модулей LlamaIndex.
🔹 Туториал по объединению LLM с помощью mergekit детально разбирает 4 основных метода объединения моделей.

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

📌 Подборка докладов с двух последних митапов:

🌐 В погоне за HTTP / Сергей Иванов
🌐 FSD при переходе на новый стек / Михаил Дмитриевский, фронтенд-разработчик, лид команды UI и фронтенд-сообщества YADRO
🌐 Упрощаем CI/CD на примере github-actions / Алексей Николаев, тимлид в Sendsay
🌐 Странное браузерное API / Антон Ленёв, CTO Viewst
🌐 Универсальная линейка уровней / Павел Франков, разработчик в VK
🌐 Growth mindset или гибкое сознание / Анастасия Бондаренко
🌐 По ту сторону собеседования / Ангелина Купцова, фронтенд-разработчица в КОРУС Консалтинг
🌐 С завода во фронтенд / Дмитрий Зорка, фронтенд-разработчик в «Максимум Авто»

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

⚡️Подборка плейлистов с профессиональной конференции для JavaScript-разрабов HolyJS:

🌐 HolyJS 2023 Spring
🌐 HolyJS 2023 Spring: Backend
🌐 HolyJS 2023 Spring: архитектура

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