Новости web разработки: ESLint 9, Node.js 22, Next 14.2, React 19 Beta, XState Store

Сегодня у нас шестой выпуск новостей web разработки, где мы рассмотрим что нового появилось в апреле 2024: ESLint 9, Node.js 22, Next 14.2, React 19 Beta, XState Store, Jotai 2.8.0, Signal Proposal JavaScript, ZX.
🔗 Ссылки:
ESLint 9: eslint.org/blog/2024/04/eslin...
Node.js 22: nodejs.org/en/blog/announceme...
Next 14.2: nextjs.org/blog/next-14-2
React 19 Beta: react.dev/blog/2024/04/25/rea...
XState Store: stately.ai/blog/2024-04-10-xs...
Jotai 2.8.0: jotai.org/
Signal Proposal JavaScript: github.com/tc39/proposal-signals
ZX: github.com/google/zx
Мы на Яндекс Музыке, Spotify, Apple Music: purpleschool.mave.digital
🎓 Курс по React Native: purpleschool.ru/course/react-...
💬 Telegram канал с полезными советами:
t.me/purple_code_channel
Разделы видео:
0:00 - Введение
0:28 - ESLint 9
2:20 - Node.js 22
4:00 - Next 14.2
6:26 - React 19 Beta
8:02 - XState Store
9:10 - Jotai 2.8.0
10:54 - Signal Proposal JavaScript
12:29 - ZX
13:20 - Заключение

[@PurpleSchool]

🔗 Ссылки: ESLint 9: eslint.org/blog/2024/04/eslint-v9.0.0-released/ Node.js 22: nodejs.org/en/blog/announcements/v22-release-announce Next 14.2: nextjs.org/blog/next-14-2 React 19 Beta: react.dev/blog/2024/04/25/react-19-upgrade-guide XState Store: stately.ai/blog/2024-04-10-xstate-store Jotai 2.8.0: jotai.org/ Signal Proposal JavaScript: github.com/tc39/proposal-signals ZX: github.com/google/zx Мы на Яндекс Музыке, Spotify, Apple Music: purpleschool.mave.digital

[@kowkavn2356]

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

[@PurpleSchool]

Хорошо)

[@maksimangerman6238]

+++ абсолютно солидарен. Отличная рубрика

[@user-jk8dv3in3n]

Спасибо, Антон! Как хорошо, что есть место, где можно посмотреть сразу все новости веба, и если это твоя технология - провалиться по ссылке. Спасибо за твой труд

[@PurpleSchool]

Спасибо!

[@sponger9867]

Если это Ваша технология - то странно, что вы до ролика о ней не знали. Это скорее полезная рубрика для людей из смежных областей. Например для бэкендеров, которые хотят оставаться в курсе)

[@belkamax05]

До войны в Украине на хабре существовал дайджест фронтенд разработки, было очень удобно с него читать обновления. Потом он попрощался с аудиторией и перестал публиковаться

[@user-jk8dv3in3n]

@@sponger9867 я бэк, а Нода 22 совсем свежая, ещё дымится

[@user-hd7mi3tj5r]

Спасибо большое! Очень удобно сразу в одном месте получить информацию!

[@PurpleSchool]

Пожалуйста!

[@lmnottryhard5626]

Гениально! Спасибо за видос 💪

[@PurpleSchool]

Пожалуйста!

[@kwinkich]

Отлично, спасибо большое!

[@PurpleSchool]

Пожалуйста!

[@deepslam]

Очень крутая рубрика! Спасибо!!!

[@PurpleSchool]

Спасибо!

[@kri4evskiy]

Всё понравилось! Давай больше вот этого вот)

[@PurpleSchool]

Спасибо!

[@sergsergey4251]

Спасибо

[@PurpleSchool]

Пожалуйста!

[@Quentinrei]

Крутой формат 🎉🎉🎉

[@PurpleSchool]

Спасибо

[@user-jg9kv9kt4z]

Спасибо!

[@PurpleSchool]

Пожалуйста

[@user-fy3fw3zo3y]

2 дня епусь с этим линтом. Хорошо, что пет-проект (ts) и откачусь, пожалуй)

[@alexeyshaykov]

Круто. Спасибо за обзор. Хотелось бы может прям полноценный обзор про 19 React.

[@PurpleSchool]

Ок)

[@d_r_robot]

Рубрика отличная!

[@PurpleSchool]

Спасибо!

[@Ivan-qp8yd]

Thx mate

[@PurpleSchool]

You are welcome!

[@aceracer5556]

Vue экосистема интересна

[@PurpleSchool]

👍

[@feedgemer7349]

Блин целый час прошёл с момента выпуска видео, посмотрел, и уже всё вновь неактуально - нужно новое видео тебе записать

[@PurpleSchool]

Frontend он такой)

[@ufc_uz6]

🎉

[@PurpleSchool]

👍

[@NikolayKasparov]

Zx было полезно

[@PurpleSchool]

Отлично)

[@amat0ru]

странно, за прошедшую неделю не появились новые жс фреймворки?

[@PurpleSchool]

Устал просто от них)

[@amat0ru]

@@PurpleSchool а я только чтоб узнать о новых жс фреймворках и смотрю новости. надеюсь в следующий раз будет что нибудь новенькое

[@CJIu3eHb]

Ну хотя бы стейт-менеджеры не подвели...

[@io0312]

а вы можете снять виде гайд как использовать eslint 9.1 в vscode и как с этим теперь работать ? Просто у меня проблема в которой я не могу пролинтить файл в react если я понижаю версию вручную то у меня eslint жалуется на то что There should be no space after но я посмотрел issue на github и stackoverflow и мне оно не помогла

[@PurpleSchool]

Добавлю в пожелания

[@io0312]

@@PurpleSchool я лично буду вам очень благодарен за такой гайд, потому что у меня сгорело все что могло с этим линтом

[@user-ik7rp8qz5g]

Вместо eslint (и 1050 плагинов для интерации его с prettier) рекомендую всем посмотреть biome. Линтер + форматер, работает быстрее, и вообще классная штука. С ним prettier можно убрать из проекта сразу, а c eslint он конфликтовать не будет, можно параллельно держать оба, если на eslint завязаны какие-то внутренние процессы фрейморка. По next.js из этой версии для меня полезнее всего оптимизация потребления памяти, на реальном проекте цифры значительные получаются. А вот внедрение lightning css сломало стили в одном из проектов при использовании turbopack, конкретно с именами grid-area, нужно рефакторить.

[@PurpleSchool]

Спасибо больше за дополнение. Я пока не тестировал память, надо будет сравнить на проектах

[@slavapol-v1553]

ставь @antfu/eslint-config и убирай prettier с проекта

[@iGotton]

+

[@PurpleSchool]

+

[@xebunwhynot]

Про React Compiler в 19 версии ни слуху ни духу?

[@PurpleSchool]

Ждём и будем смотреть

[@user-yw9wx4lv2w]

пхаха) Я сразу говорил что с 19 версией не появится комплайлер. Да и в целом это же скорее будет плагин к сборщику а не часть реакта

[@xebunwhynot]

@@user-yw9wx4lv2w Откуда инфа про плагин?

[@user-ih6zb9br9b]

Рассматриваю пример использования XState Store и не могу понять, как такой подход может быть "хорошим решением" хоть в каких-либо случаях. Зачем отправлять какие-то события, когда нужно всего лишь инкрементировать переменную в стейте? Зачем писать какие-то сложные селекторы из этого стейта? Каждый стор является синглтоном и несколько одинаковых сторов нельзя создать?

[@2009Spread]

пьяным на двойной скорости смотреть интересно но много не понятного, примеры пожалуйста

[@PurpleSchool]

Для примеров нужен отдельный выпуск по каждому)

[@kakieToYroki]

​@@PurpleSchool Можно сделать отдельную рубрику, где вы пьете пиво и поясняете за новые технологии. Для меня и комментатора выше - будет идеально)). А там уже и примеры можно вставить и про жизнь рассказать

[@PurpleSchool]

@@kakieToYroki ха-ха-ха) подумаю)