На этой неделе в React #159: Bun, Static Hermes, Next.js,

Всем привет!

На этой неделе время выполнения находится в центре внимания. Конечно, речь пойдет о Банке и Статическом Гермесе.

Я избавлю вас от жарких дебатов в Твиттере на этой неделе 😅 давайте придерживаться позитива.

Знатоков React — конференция React Advanced в Лондоне с 20 по 23 октября (-10% — код «REACT10»).

💡 Проверьте эту рассылку в Твиттере — визуальный формат 🎨

Чтобы поддержать меня:

😘 Порекомендуйте рассылку своим друзьям: это действительно помогает!
💸 Спонсор рассылки
🧵 Сделать ретвит последней темы в Твиттере

💡Подпишитесь на Эта неделя в React

Я постоянно нахожу там интересные вещи, которым можно научиться.

Доминик ДорфмейстерВеб-разработчик — сопровождающий React-Query

⚛️ Реагировать

Булочка 1.0

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

Bun — это полный набор инструментов для JavaScript и TypeScript, основанный на Webkit и написанный на Zig. Это новая, сверхбыстрая альтернатива множеству интерфейсных инструментов, которые мы используем сегодня: Node.js, npx, Babel, esbuild, swc, webpack, Jest, Vitest, npm, Yarn, pnpm… Тесты просто впечатляют. и определенно реален.

Его совместимость с существующими инструментами и смешанная поддержка ESM/CJS позволяют легко использовать его в качестве замены. Бан обычно может запускать ваш код как есть, без каких-либо изменений (иначе это 🐦 считается ошибкой). Фреймворки React, такие как Next.js, Remix и Astro, уже поддерживаются. Использование его в качестве замены npm/Yarn/pnpm или Jest/Vitest, вероятно, является хорошей отправной точкой и не слишком рискованным.

Другие полезные ссылки:

💸 Нулевая доставка — освойте быструю полностековую разработку и наконец-то выпустите этот продукт
🐦 Next.js — Переработанный вывод консоли
👀 RedwoodJS — Поддержка действий сервера React: поддержка пока ограничена, действия сервера необходимо выносить в отдельный файл.
👀 React.gg и Радость React: только что вышли два самых ожидаемых курса по React!
📜 Next.js, зачем?
📜 Масштабирование фронтенд-команд с помощью Relay
📜 Широкий взгляд на автоматическое тестирование в React-приложениях
📜 Стилизация React Select с помощью Tailwind
📜 Преодоление сложности приложения с помощью настраиваемых потоков
📜 Автоматические визуальные тесты в Storybook, а также ускорение сборки в 2,2 раза для React+TS
📜 Рисование с помощью математики: нежное исследование реймарча
📦 Компоненты React Aria — теперь в бета-версии
📦 Ариакит Реакт 0.3
📦 Next Admin — Полнофункциональная админка для Next.js и Prisma
📦 Next Nav — расширение VSCode для навигации и создания маршрутов Next.js
👥 reactjsday (Верона 🇮🇹, 27 октября) предлагает нам -10% — код «media_TWIR»
👥 React Advanced (Лондон 🇬🇧, 20–23 октября) предлагает нам -10% — код «REACT10»

💡Подпишитесь на Эта неделя в React

Единственный информационный бюллетень React/источник «нового, за которым я слежу»

Сунил ПайИнженер — бывшая основная команда React

📱 React-Native

Статический Гермес

Static Hermes был анонсирован на React-Native EU на прошлой неделе. Меня там не было, поэтому пытаюсь объяснить, что я понял, читая слайды, поскольку видео еще нет на YouTube.

Static Hermes — это экспериментальный проект, который позволяет вам при желании скомпилировать часть вашего кода TypeScript (или Flow) в собственный код. Это обеспечивает значительный прирост производительности (x10–20) по сравнению с обычным режимом Hermes, основанным на интерпретации байт-кода. Он также обеспечивает простую интеграцию с собственными API непосредственно из вашего кода TypeScript (FFI с нулевой стоимостью, в 15–80 раз быстрее, чем оболочка JSI).

Чтобы это реализовать, TypeScript сначала должен стать «здравым» языком. Статический Hermes изменит семантику JavaScript, чтобы гарантировать соответствие объявленных типов типам времени выполнения. Этот слайд хорошо объясняет эту концепцию: