diff --git a/_posts/news512/news-254.md b/_posts/news512/news-254.md new file mode 100644 index 00000000..990cb80e --- /dev/null +++ b/_posts/news512/news-254.md @@ -0,0 +1,77 @@ +--- +title: 'В этом выпуске: бета React 19, релиз Node.js 22, бета TypeScript 5.5 и другие релизы. Мы посмотрим на Front-end Handbook 2024, немного поговорим о новом регистре пакетов JSR, паре кейсов смены технологий на проектах, альтернативе StoryBook, а в конце я напомню вам про новый выпуск TechRadar.' +soundcloudLink: 'https://soundcloud.com/csssr/react-19-beta-nodejs-22-typescript-55-beta-front-end-handbook-2024-jsr-techradar-april-2024' +date: '2024-05-06T00:00:00.000Z' +episodeNumber: 254 +tag: 'news' +author: 'Ислам Виндижев' +--- + +Всем привет, это «Новости 512» от CSSSR. На самом деле я долго думал, делать этот выпуск или перенести на следующую неделю после вторых майских. На мой взгляд, интересных материалов маловато, я сомневался, но нам всё равно есть о чём поговорить. В этом выпуске мы поговорим про бету React 19, релиз Node.js 22, бету TypeScript 5.5 и другие релизы. Мы посмотрим на Front-end Handbook 2024, немного поговорим о новом регистре пакетов JSR, паре кейсов смены технологий на проектах, альтернативе StoryBook, а в конце я напомню вам про новый выпуск TechRadar. + +В начале выпуска важное объявление для всех, кто слушает подкаст в приложении Google Podcasts. 23 июня приложение закрывают, до этого времени слушать ещё будет можно. С помощью специального инструмента можно будет перенести подписки в YouTube Music и слушать подкасты там, в том числе в фоновом режиме — для этого платная подписка не нужна. После 29 июля перенос сделать будет уже нельзя. Так что советую заранее перенести подписки или перейти на другой сервис. + + + ### Интересные публикации + +Команда FrontendMasters, которая занимается в основном развитием курсов и своей школы, выпустила свою [настольную книгу 2024](https://frontendmasters.com/guides/front-end-handbook/2024/). Они делают это каждый год и собирают в ней все аспекты, которые нужны фронтендеру, для того чтобы быть фронтендером. Начинается всё с базы, освещаются ключевые компетенции и навыки, в каждом разделе есть ссылки, по которым можно перейти для дополнительного чтения. Особенно круто то, что там есть большой раздел, который покрывает смежные навыки, компетенции и концепции, которые помогут в работе. В общем, каждый год стоит взглянуть и посмотреть, чего может не хватать или что хотелось бы изучить. Горячо рекомендую. + + +Райан Дал (Ryan Dahl) в блоге Deno решил объяснить, [почему JSR не просто очередной менеджер пакетов](https://deno.com/blog/jsr-is-not-another-package-manager). Он рассказывает о ключевых концепциях JSR, механизме оценки пакетов и других фичах, которые позволяют на другом уровне влиять на качество кода и распространение библиотек. Заметка короткая, но заставляет немного задуматься и приглядеться к JSR получше. + +Далее два кейса. [Первый кейс](https://astro.build/blog/node-test-migration/) от команды фрейворка Astro. Это кейс миграции с Mochs на тест-раннер Node.js. Ребята хотели упростить и ускорить свой CI/CD-пайплайн — для этого всё и затеяли, с перспективой на будущее. Они начали с небольшого кусочка, постепенно переводя всё больше пакетов на новый раннер. В итоге они вполне довольны результатами. + +[Второй кейс](https://render.com/blog/hello-bun-deploy-2x-faster-on-github-render) — это переезд на Bun. Есть такая библиотечка — sveld, которая генерирует TypeScript-определения для Svelte-компонентов. В целях повсеместного ускорения и уменьшения количества разных инструментов решили попробовать Bun. Сначала Yarn заменили на Bun как на менеджер пакетов, потом Vitest заменили на Bun как на тест-раннер, после этого мигрировали CI/CD публикации в npm и деплоя на демонстрационный сайт. В итоге получилось ускорение деплоя в два раза. Больше подробностей — по ссылке в описании. + +На Хабре вышли вторая и третья части гайда по работе с Next.js от Игоря Агапова. Руководства актуальны для 14 версии Next.js и опираются на официальную документацию. [Вторая часть](https://habr.com/ru/companies/timeweb/articles/808259/) посвящена получению данных, рендерингу, кешированию и стилизации. В [третьей части](https://habr.com/ru/companies/timeweb/articles/810055/) речь идёт об оптимизации, настройке и реализации аутентификации, там же есть и небольшой чек-лист для Next.js-проектов. + +Следующий материал об оптимизации JavaScript. Он посвящён механизму кеширования, который называется [Inline Caches](https://habr.com/ru/articles/810543/), а помочь разобраться в нём нам пытается Роман Максимов. Как пример он рассматривает простую функцию и изучает, как она будет выглядет в райнтайме и что с ней будет делать движок внутри. Рекомендую всем, кому интересно погрузиться во внутренние детали работы движков и кода. + +Как преобразовывать данные с React Query? Об этом написал Доминик Дорфмейстер (Dominik Dorfmeister), а я принёс вам [перевод его заметки с Хабра](https://habr.com/ru/articles/810211/). Он указывает на три возможных варианта преобразований: внутри queryFn, в функции рендера и при помощи опции select. Для каждого случая он приводит пример, а так же плюсы и минусы каждого из подходов. + +В конце рубрики обращу ваше внимание на альтернативу Storybook, которая называется [Ladle](https://ladle.dev/). Назначение, собственно, такое же, как у Storybook, просто его сделали на Vite с esbuild — он обещает быть меньше, быстрее, проще настраиваться. Если интересно — пробуйте. + + + ### Новости релизов + +[Node.js 22](https://nodejs.org/en/blog/release/v22.0.0) станет новой LTS-версией в октябре этого года. Пока она имеет статус Current. В этой версии появилась экспериментальная поддержка require() для ESM, встроенный, браузер-совместимый WebSocket-клиент теперь помечен как стабильный и работает. Помимо этого, подвезли встроенный таск-раннер, который может сам запускать скрипты из package.json. Здесь же обновление V8 до версии 12.4. + + +В [Deno 1.43](https://deno.com/blog/v1.43) почти в два раза ускорили Language Server, что, несомненно, приятно. Ускорили загрузку ES- и CommonJS-модулей. Также неустанно продолжаются работы по расширению совместимости с Node.js. + +[Bun 1.1.6](https://bun.sh/blog/bun-v1.1.6) отличился добавлением поддержки UDP-сокетов и команды node:dgram. Теперь с рантаймом стабильно работают DataDog и ClickHouseDB. Была исправлена регрессия node:http из прошлой версии и исправлено порядка 10 самых назойливых для пользователей багов. + +Теперь давайте о фреймворках. Мы долго ждали, и осталось чуть-чуть до React 19. Вышла [beta-версия 19 мажорной версии фреймворка](https://react.dev/blog/2024/04/25/react-19). В этой версии полностью поддерживаются кастомные элементы, React Server Components и другие связанные с ними улучшения будут целиком доступны, подъедет API для использования ресурсов use и, конечно же, Actions. Если про серверные компоненты все слушать устали, то вот немного про экшены: это API, который позволяет при помощи асинхронных функций автоматически обрабатывать длящиеся состояния, ошибки, работать с формами и делать оптимистичные обновления. Должно быть удобно, почитайте обязательно. Были и другие крутые штуки, например отображение диффа для ошибок гидратации. Помимо ссылки на релиз, я приложу ссылки на [гайд для обновления](https://react.dev/blog/2024/04/25/react-19-upgrade-guide) и [React Conf](https://conf.react.dev/), которую будут стримить 15 и 16 мая и на которой, конечно, будут говорить про React 19. Дополнительно отмечу, что вышла версия [React 18.3](https://github.com/facebook/react/releases/tag/v18.3.0), которая облегчит переход на React 19. + +Если у React только бета, то Svelte обзавёлся [релиз-кандидатом пятой версии](https://svelte.dev/blog/svelte-5-release-candidate). Будут руны, про которые я уже как-то рассказывал. Это работа с реактивностью через синтаксис с функциями. Говорят, что будет проще писать, понимать и поддерживать реактивный код. Для дедупликации кода добавили фичу создания сниппетов, поработали над API обработчиков событий и ряд новых API. Если вы всё ещё на третьей версии, то пора переходить на четвертую, чтобы обновиться на пятую без особых проблем. Больше подробностей — в анонсе релиз-кандидата. + +В [версии 4.7](https://astro.build/blog/astro-470/) фреймворка Astro тоже добавилась парочка фич. Появился детектор обновлений фреймворка, который при запуске сервера скажет, что есть новая версия. Добавилась возможность при помощи флага использовать нестрогий TypeScript-пресет. Помимо этого, был значительно улучшен Dev Toolbar API. + +Доступна бета [TypeScript 5.5](https://devblogs.microsoft.com/typescript/announcing-typescript-5-5-beta/). Это ещё не RC, но уже видно несколько интересных фич. Предикаты для выведенных типов позволят проще работать с данными, типы можно будет импортировать в JSDoc через комменты, добавили изолированные декларации для библиотек отдельными файлами и несколько других фич. Кстати, ещё TypeScript с этой версии научится базово проверять синтаксис регулярных выражений (раньше не умел совсем). На релизе мы к этому ещё вернёмся. + +Что ещё хочется отметить в этом выпуске. + +Релизы LST-версий [Ubuntu 24.04](https://lists.ubuntu.com/archives/ubuntu-announce/2024-April/000301.html) и [MySQL 8.4.0](https://dev.mysql.com/doc/relnotes/mysql/8.4/en/news-8-4-0.html). + +Релиз [pnpm 9.0.0](https://github.com/pnpm/pnpm/releases/tag/v9.0.0), [git 2.45.0](https://lkml.org/lkml/2024/4/29/1045), выход [nginx 1.26.0 c поддержкой HTTP/3](https://mailman.nginx.org/pipermail/nginx-announce/2024/EJFW6YFMCUODWQN7DZKIEKUTHKYXVZT2.html), а также релизы фреймворков [Ember 5.8](https://blog.emberjs.com/ember-released-5-8/) и [Electron 30](https://www.electronjs.org/blog/electron-30-0). + + + ### Другие новости + +Не успели и глазом моргнуть, а прошло уже полгода с момента выхода прошлого TechRadar. Напомню: это подборка разных техник, платформ, инструментов, языков или фреймворков, которые эксперты ранжируют по готовности к применению. [Этот выпуск](https://www.thoughtworks.com/radar) примечателен тем, что фреймворк Astro поднялся на уровень выше и рекомендуется для рассмотрения и тестирования. Следующий этап — рекомендация к внедрению. В целом радар — прекрасная штука, в которой много технологий и концепций. Очень полезно посмотреть, пощупать технологический рельеф и узнать что-то новое. + + +Как-то мы говорили про браузер Arc, который был недоступен пользователям Windows. Так вот, он уже [доступен для Windows 11](https://arc.net/download) и готовится версия для Windows 10. Специально для тех Windows-юзеров, кто ждал, хочу сказать, что процесс идёт и кто-то уже, а кто-то скоро сможет попробовать Arc. + +На сегодня это всё. Всем пока и до встречи в следующем выпуске. + + ### Пишите нам и читайте + [Telegram—канал CSSSR](https://t.me/csssr) + + [Twitter CSSSR](https://twitter.com/csssr_dev) + + [Twitter новостей](https://twitter.com/csssr_news) + + [Telegram ведущего](https://t.me/Vindizh) + + [Twitter ведущего](https://twitter.com/Vindizh)