Всем привет!

Какая замечательная неделя, полная неожиданных поворотов!

  • Next.js 13 дает нам доступ к последним инновациям React
  • Turbopack может заменить Webpack
  • Shopify приобретает Remix
  • Gatsby выпустит v5 и сделает свой уровень данных независимым
  • SDK 47 от Expo действительно многообещающий

Кроме того, не пропустите большое обновление курса Three.js Journey с модулями React-Three-Fiber. я получил промокод «ТВИР» для запуска. Это будет первый курс, который будет представлен на будущей странице «предложения», которую я создам позже.

Тестирую новый формат! Это заняло гораздо больше времени, чем обычно 😅. я был бы очень признателен за ретвитнутьотзыв или рекомендацию другу, если вы хотите поддержать меня, делая это снова 🙏 Чем больше информационный бюллетень, тем больше у меня возможностей улучшить его.

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



💸 Спонсор

Sizzy - браузер для разработчиков

Почему профессионалы в любой другой отрасли имеют специализированные инструменты, а веб-разработчики все еще используют браузер, который их бабушка использует для покупок на Amazon?

Если вы открываете localhost:3000 в любом другом браузере, кроме Sizzy, вы тратите часы своего драгоценного времени.

Перед Сиззи: веб-разработка утомляет вас, адаптивный дизайн сложен, у вас огромное количество открытых вкладок и приложений.

После Сиззи: все необходимые инструменты собраны в одном месте, адаптивный дизайн — это проще простого, больше не нужно переключаться между контекстами.

Вы можете скачать его здесь и попробуйте бесплатно в течение 14 дней!



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

Next.js 13 основной слайд

Next.js 13 — Динамика без ограничений

Эта новая версия Next.js представляет новую систему маршрутизации и вложенные макеты в бета-версии. Миграция является добавочной и необязательной: вам нужно будет переместить страницы Next.js на новый app/ папка. Это позволяет использовать последние инновации, такие как компоненты React Server и поддержку потоковой передачи SSR в средах выполнения Edge + Node.js.

⚡️ Другие существенные улучшения:

  • Turbopack: новый сборщик Rust в альфа-версии (подробности ниже).
  • next/image: новый более легкий, гибкий и быстрый компонент изображения, позволяющий избежать смещения макетов.
  • @next/font: эффективно размещайте шрифты самостоятельно и избегайте изменений макета (см. также Фонтейн представлено на прошлой неделе)

💬 Комментарии:

  • Дэн Абрамов в восторге от этого релиза, который дает конкретную реализацию целевой архитектуры, к которой стремится React.
  • Эндрю Кларк объясняет свою противоречивую фразу «Next.js 13 — это настоящий релиз React 18».
  • Мэтт Кейн считает, что React слишком привязан к Next.js
  • Зак Лезерман упоминает, что Hello World от Next.js 13 по-прежнему отправляет слишком много JavaScript

🔗 Полезные ссылки:


Основной слайд Turbopack

Представляем Turbopack: преемник Webpack на основе Rust

Vercel нанял Тобиаса Копперса (создателя Webpack) для работы над Turbopack, новым очень быстрым сборщиком на Rust. На данный момент инструмент находится в альфа-версии, поддерживает в основном Next.js, а его возможности ограничены. Поддержка других фреймворков (Svelte, Vue…) и функций (Tailwind…) будет добавлена ​​позже.

Turbopack оптимизирован для разработчиков, и Vercel объявляет, что этот инструмент в 700 раз быстрее, чем Webpack, и в 20 раз быстрее, чем Vite. Он основан на Turbo, фреймворке для запоминания Rust, который может кэшировать результат каждой функции независимо. Vercel также опубликовал статья с более подробными тестами.

💬 Комментарии:

  • Джаред Палмер объясняет, как работает кеширование и что Turborepo/Turbopack могут объединяться.
  • Эван Ю подвергнуть сомнению эталоны и создали Действительно ли Turbopack в 10 раз быстрее, чем Vite? страница. Vite по умолчанию не использует SWC, а опубликованные тесты основаны на использовании Babel. Vite может заменить esbuild/Rollup на Turbopack.
  • Себастьян Маккензи указывает на относительно небольшой прирост производительности при холодном запуске (x4), вероятно, из-за накладных расходов при инициализации кеша.
  • Девон Говетт упоминает, что архитектура похожа на Parcel.
  • Амджад Масад упоминает, что сборщик React-Native Metro уже очень давно использует аналогичную систему кэширования.

Ремикс Shopify

Remix присоединяется к Shopify, чтобы продвигать Интернет вперед

Remix только что присоединился к Shopify и будет использоваться в их мета-фреймворке электронной коммерции Hydrogen, а также в других проектах. Hydrogen 2.0 заменит использование компонентов React Server API-интерфейсами Remix! Они обнаружили, что модель Remix проще для понимания и более мощная, чем серверные компоненты.

Для меня это большое приобретение. Shopify может сосредоточиться на ценностном предложении Hydrogen, а не на проблемах инфраструктуры, и извлекает выгоду из прогрессивного улучшения Remix, что особенно важно для электронной коммерции. Не говоря уже о том, что Remix отделен от React, а Shopify работает над Водородный пользовательский интерфейс независимая библиотека: Shopify должен иметь возможность связаться с разработчиками из различных сред (Vue, Svelte…), без необходимости навязывать React, полагаясь на общую инфраструктуру.

💬 Комментарии:

  • Джош Ларсон работал над Hydrogen v1, перечисляет возникшие проблемы и не ставит под сомнение преимущества серверных компонентов React, которые лучше реализованы в Next.js 13, чем в Hydrogen v1.
  • Райан Флоренс упоминает, что Shopify не против серверных компонентов и что они, вероятно, будут повторно представлены в Remix позже.
  • Райан Флоренс объясняет, как это приобретение позволит им полностью сосредоточиться на Remix.
  • Гильермо Раух говорит, что фронтэнд скорее должен быть отделен от безголового бэкенда. Энтони Френер отвечает, что поддержка Next.js должна появиться в пользовательском интерфейсе Hydrogen.

🔗 Полезные ссылки:


Путешествие Three.js идет на React

Путешествие Three.js идет на React

Three.js Journey — это справочный курс, позволяющий научиться создавать 3D-сцены в Интернете с помощью Three.js. Бруно Саймон только что выпустил 24 часа дополнительных видео на основе React-Three-Fiber который привносит декларативную модель в Three.js. 3D приближается к нашим приложениям: самое время заняться этим, если вы хотите знать, как делать что-то помимо форм и бизнес-приложений. я также делаю этот курс и ничуть не жалею!

Бруно предлагает нам промо-код «ТВИР» -30% (или $66) на следующие 10 дней. Это не спонсируется: я нахожу этот курс действительно крутым, а обновление делает его еще более актуальным для разработчиков React.

Я планирую в ближайшее время создать страницу сделок с другими интересными курсами (на которых я ничего не заработаю). Не стесняйтесь сообщить мне, какие курсы интересуют вас больше всего, чтобы я мог связаться с их авторами!




💸 Спонсор

Sunsama - Как тысячи инженеров-программистов остаются продуктивными и не перегорают

Как тысячи инженеров-программистов остаются продуктивными и не перегорают

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

Избавьтесь от бесконечного переключения вкладок с их интеграцией JIRA, Github и Notion. Распределите свой день и создайте пространство для своих увлечений и побочных проектов.

Лучшая часть? Они предлагают 14-дневная бесплатная пробная версия (карта не нужна), чтобы вы могли начать достигать большего уже сегодня.



📱 React-Native

Доступна бета-версия Expo SDK 47

Доступна бета-версия Expo SDK 47

Новый Expo SDK доступен в бета-версии в течение одной недели. Некоторые заголовки:

  • Обновление до React-Native 0.70.4 и React 18.1
  • Гермес доступен в Expo Go на iOS. Hermes будет движком JS по умолчанию из SDK 48.
  • Поддержка Fabric во многих модулях Expo
  • API Expo Modules 1.0, упрощающий создание нативных модулей Fabric в Swift/Kotlin.
  • Маршрутизация файловой системы для React-Navigation в бета-версии. Последний выпуск v0.0.34 совместим с SDK 47.

У нас будет больше подробностей на следующей неделе, но это определенно большой релиз с некоторыми очень хорошими новыми функциями!




🧑‍💻 Вакансии

🧑‍💼 Инженер по продукту в Causal, Remote/London/NY, $150-250k

Causal — это стартап серии A (при поддержке Coatue/Accel), создающий универсальный инструмент для работы с числами и визуализации данных. Мы ищем сильных инженеров React, которые могут решать сложные задачи UX/производительности.

🧑‍💼 G2i — 100 % нативных заданий Remote React

У нас открыто несколько вакансий для разработчиков, ориентированных на React Native! Зарплата ~160к плюс бонус 10%. Вы должны иметь производственный опыт работы с RN и находиться в США. ДМ @gabe_g2i чтобы узнать больше, и не забудьте упомянуть об этой неделе в React.

💡 Как опубликовать предложение?



🔀 Другое



🤭 Веселье

Next.js 13 — цена 1299 $ — тролль в стиле Apple