Всем привет!
Наконец-то вышел новый сайт React, и можно с уверенностью сказать, что он надрал задницу 🤗 Я разместил довольно много ссылок по теме, и дам вам возможность составить собственное мнение!
Есть и очень крутые статьи. Мне нравится интерактивная карта API React, подход Remix к критическим изменениям для v2 или использование React-Server-Components для переводов.
Со стороны React-Native вышел первый RC v0.72. Некоторые долгожданные новые функции Metro 0.76 должны быть доступны в ближайшее время, например, поддержка символических ссылок!
💡 Подпишитесь на официальную рассылку, чтобы получать письмо каждую неделю!
⚛️ Реагировать
Новый веб-сайт React наконец-то онлайн! Новая статья приходит с этим запуском. Это очень большой проект (как технический, так и контентный), который потребовал нескольких лет усилий и множества сотрудников.
Что мне особенно нравится:
- Акцент на крючки и функциональные компоненты
- Руководства с множеством диаграмм, иллюстраций и интерактивных задач
- Акцент React как кроссплатформенного решения, а не только для Интернета
- Страницы API хорошо разделены по ссылкам/использованию, текущим/устаревшим, клиент/сервер
- Общая согласованность всего опыта
Некоторые изменения также вызвали споры на этой неделе, в частности тот факт, что для запуска нового проекта React рекомендуется лишь небольшой список фреймворков (Next.js, Remix, Gatsby, Expo), но не рекомендуются многие другие (Vite, Create-React-App , SPA на стороне клиента…).
Также читайте:
- 📜 Новые документы React делают вид, что SPA больше не существуют
- 📜 Как запустить проект React в 2023 году
- 🧵 Дэн Абрамов о выпуске нового React.dev сайт
- 🧵 Дэн Абрамов о возможном будущем CRA — «только клиент не имеет смысла. слишком ограничивает»
- 🧵 Дэн Абрамов — «ходатайство об отставке сроками: SPA, MPA, SSR, SSG. они представляют предыдущее поколение инструментов»
- 🧵 Дэн Абрамов — «Большинство современных фреймворков React больше не требуют сервера Node.js. они просто позволяют вам добавить один, если вам это нужно .»
- 🧵 Дэн Абрамов — Пример Next.js — чисто клиентское SPA (без сервера Node.js, 100% статический бандл)
Пространственное и интерактивное представление API React со ссылками на отличные внешние статьи по каждому из этих API. Я думаю, что это отличная идея и хорошее дополнение к официальной документации.
- 👀 React PR — приостановить коммит без блокировки рендеринга: функция, которая в первую очередь будет использоваться внутри, особенно на ресурсах (CSS, шрифт, изображения). При навигации с помощью startTransition React сможет немного подождать, пока загрузятся изображения следующей страницы, прежде чем совершить переход (подробности).
- 👀 React PR — Удалить предупреждение об эффекте макета на сервере: предупреждение SSR для useLayoutEffect будет удалено. Дэн Абрамов комментирует useIsomorphicLayoutEffect.
- 🧵 Тим Нойткенс об улучшении
next export
: совместимость с App Router, серверными компонентами... - 📜 Проверка вашего приложения Remix на будущее: Remix объясняет свою стратегию развертывания критических изменений в основных выпусках. Они планируют ввести будущие флаги, которые позволят вам заранее подписаться на запланированные критические изменения. Если вам удалось активировать все флаги в версии 1, обновление до версии 2 должно быть простым.
- 📜 Интернационализация в Next.js 13 с серверными компонентами React: серверные компоненты окажут большое влияние на то, как мы переводим наши приложения React, особенно на производительность, разделение кода и размер пакета. Эта статья хорошо знакомит с этой темой. В этой треде я даю дополнительные подробности.
- 📜 Хуки, которые вам, вероятно, не нужны: презентация малоизвестных хуков React, классифицированных случайно, как нуждающихся в них (привет
useInsertionEffect
😅). Мне понравился последний раздел, в котором представлен общий анти-паттерн и то, какuseLayoutEffect
предотвращает его. Я думаю, что useSyncExternalStore отлично подходит для чтения браузерных API, таких какlocalStorage
. - 📜 Front-Commerce получает ремикс: после Shopify теперь Front-Commerce решает основываться на ремиксе. Это имеет много преимуществ, таких как возможность использования прогрессивного улучшения, режим MPA и меньшая связь с React.
- 📜 Astro: насколько хорош новый JavaScript-фреймворк?
- 📜 Сокращение 97% JavaScript сайта Open UI за счет перехода на Astro
- 📦 React-Error-Boundary v4: новый
useErrorBoundary
API для активации границ ошибок для ошибок, не связанных с рендерингом, и легкого сброса границы из любого места. - 📦 Wakuwork: Дайши Като работает над минималистичным фреймворком React с поддержкой React Server Components.
- 📦 Frame-Motion 10.5:
useAnimate()
- 📦 Ремикс-Карта сайта
- 🎥 Исправит ли новый кеш React хук «использовать?»
- 🎥 Управление состоянием серверных и клиентских компонентов NextJS 13
- 🎥 Понимание типов React
- 🎙️ Будущее React
💡Подпишитесь на Эта неделя в React
📱 React-Native
- 👀 Преимущества разделения кода в Expo: разделение кода (стало возможным благодаря resolveWeak, Metro 0.76, React-Native 0.72) может иметь много преимуществ для Expo Router!
- 👀 В Expo SDK 49 появятся встроенные псевдонимы/абсолютные пути TypeScript
- 👀 Реанимированные примеры, работающие на Docusaurus
- 📦 React-Native v0.72 RC.0: предстоящие функции v0.72 перечислены в Дороге к 0.72.0: Metro (симлинки, экспорт, resolveWeak), Hermes…
- 📦 Bottom Sheet v5 Alpha: реанимация v3, обработчик жестов v2, веб-поддержка
- 📦 React-Native-Permissions v3.8: поддержка новой архитектуры
- 📦 React-Native-PDF-Renderer v1: встроенный рендерер PDF
- 📦 React-Native-Testing-Library v12
- 📜 Исследуйте Expo Router Alpha
- 📜 Упрощение разработки React Native с помощью Expo
- 🎥 Создайте библиотеку Native View с помощью Expo, React-Native, Swift и Kotlin
- 🎥️ Шоу React Native #21 — Профилирование в нативе и React Native
🧑💻 Вакансии
Хотите работать над самыми популярными приложениями в мире? Хотели бы вы стать соавтором технологии React Native? Присоединяйтесь к команде Callstack лидеров React и React Native. Посетите наш веб-сайт для получения более подробной информации. Мы с нетерпением ждем вашего приложения — покажите нам, что у вас есть!
🧑💼 G2i — 100 % удаленных React Native Jobs
У нас открыто несколько вакансий для разработчиков, ориентированных на React Native! Зарплата ~160к плюс бонус 10%. Вы должны иметь производственный опыт работы с RN и находиться в США. Напишите в директ @gabe_g2i, чтобы узнать больше, и не забудьте упомянуть об этой неделе в React.
💡 Как опубликовать предложение?
🔀 Другое
- Повестка дня 95-го заседания Ecma TC39: Заседание продолжается. Асинхронный контекст кандидат на этап 2 👌 Также несколько новых предложений, связанных с обещаниями.
- Объявление Rspack: официальная вводная статья для нового сборщика Rust
- Ферма — сверхбыстрый инструмент для веб-сборки, написанный на Rust: еще один 😄
- TypeScript 5.0: декораторы, новые опции конфигурации…
- Prettier 2.8.5: поддержка TypeScript 5.0
- Вите 4.2
- Сигналы против наблюдаемых, о чем весь этот шум?
- Конец фронтенд-разработки
- Написание собственной библиотеки реактивных сигналов
- Почему мы добавили поддержку package.json в Deno
- Ускорение экосистемы JavaScript — скрипты npm
- 6 фрагментов CSS, которые должен знать каждый фронтенд-разработчик в 2023 году
- Drizzle — ORM, позволяющая просто писать SQL
- Представляем «безопасный npm, оболочку Socket npm»
- Turbowatch — Чрезвычайно быстрый детектор изменений файлов
🤭 Веселье
До встречи! 👋
💡Подпишитесь на Эта неделя в React