На этой неделе в React # 154: серверные компоненты, ремикс, Next.js,

Всем привет!

И снова на этой неделе у нас есть несколько отличных статей о React, особенно о серверных компонентах!

На прошлой неделе я спросил, предпочитаете ли вы прямые ссылки или ссылки на Twitter. Ваш ответ был единогласным: прямые ссылки. Кроме того, возможности Twitter/X ухудшились для анонимных пользователей, которые больше не могут видеть обсуждения. Поэтому я постараюсь избегать ссылок на Твиттер, за некоторыми исключениями, для которых я буду использовать эмодзи 🐦.

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

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

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

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

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

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

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

Понимание компонентов React Server

Новая статья Vercel, которая дает хороший обзор серверных компонентов React, их реализации в Next.js, почему они существуют, когда их использовать и их ограничения. Также охватывает различные связанные темы: действия сервера, разделение кода, кэширование, приостановку, выборочную гидратацию…

Все, что я хотел бы знать, прежде чем перенести 50 000 строк кода в React Server Components

Потрясающая статья о РСК! Отзыв, в котором подробно описаны 3 основные проблемы, возникшие при внедрении в Mux: отсутствие CSS-in-JS, отсутствие контекста React и дополнительная сложность. Также дает ответы на многие вопросы и стратегию постепенного внедрения RSC.

👀 Рабочая группа React — Список библиотек, поддерживающих компоненты React Server
🐦 Разработчики React, пора начинать использовать Array.prototype.with()
📜 Ускорение документации dbt™ в 20 раз с помощью компонентов React Server: отзыв о POC-миграции приложения Angular 1 на маршрутизатор приложений Next.js и компоненты React Server. Сообщается об очень значительном увеличении времени загрузки, потребления памяти, блокировки ЦП.
📜 Платформа Shopify — это веб-платформа: Shopify теперь рекомендует Remix для создания приложений администратора, которые запускаются в iframe и взаимодействуют с родительским приложением через мост приложений на основе postMessage(). Интересная архитектура интерфейса/React для тех, кто создает платформу, нуждающуюся в разделении.
📜 Частично контролируемые компоненты: шаблон декларативного проектирования в React: вводит новый термин/концепцию для описания компонентов, способных предлагать как контролируемое, так и неконтролируемое состояние по запросу, с детализацией, применимой ко всему состоянию или его части.
📜 Использование значков спрайтов svg в React: объясняет, как использовать спрайты SVG (более оптимизированные, чем компоненты React SVG) в контексте Remix с шагом codegen.
📜 Strongly Type useRef with ElementRef: TIL о типе ElementRef TypeScript, который используется для получения типа ссылки React из любого компонента, очень похоже на то, как работает ComponentProps.
📜 10 основных методов оптимизации производительности React для более быстрых веб-приложений
📜 Основы обработки ошибок ремикса
📦 Lucia v2.0: Lucia — это библиотека аутентификации TypeScript, которая в последнее время набирает обороты. Включая интеграцию Next.js и Remix.
📦 Бета-версия автоматического режима Million.js: теперь анализирует ваш код React и автоматически оптимизирует его с помощью Million.js!
📦 Redwood v6: новая стабильная версия с Vite, Prisma 5, Storybook 7, Suspense Router… Готовит почву для внедрения поддержки потоковой передачи и компонентов React Server.
📦 NextUI Версия 2.0
📦 Joi UI beta — независимая от дизайна библиотека от команды MUI
📦 Сборник рассказов 7.2
📦 Автоформа — автоматически создает форму @shadcn/ui на основе схемы zod
📦 Framer Motion 10.5 — API inView
📦 Зустанд 4.4
🎥 Должен знать секрет маршрутизатора приложений: обещания для реквизита
🎙️ Этот месяц в React — июль 2023

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

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

Эдди ОсманиРуководитель Chrome DX — Google

📱 React-Native

Измеряйте производительность движка Hermes в React Native с помощью Flashlight

Разработчики из BAM оценили влияние среды выполнения Hermes на время запуска приложения и потребление памяти приложением React-Native для Android с помощью своего инструмента производительности Flashlight. Для тех, кто все еще сомневался, Hermes явно превосходит АО.

🐦 Apple Store — 1/5 из 100 лучших спортивных приложений используют React-Native
🐦 React-Native теперь имеет end-2-end тесты: отличные новости для процесса выпуска React-Native и QA, официальное приложение RNTester теперь тестируется с Appium и WebDriver.
📜 Динамический импорт поддерживается в React Native: функция Webpack require.context (используемая для динамического импорта папки модулей) была перенесена в Metro для нужд Expo Router. Это позволяет Storybook React-Native 6.5.5 создавать указатель историй без шага codegen (в предварительной версии) и открывает другие интересные возможности.
📜 Apple — теперь доступен список API, для которых требуются заявленные причины: разработчикам React-Native iOS необходимо подготовиться к новым ограничениям.
📦 VisionCamera 3.0.0-rc.4: ряд существенных изменений в этой RC, в рамках подготовки к ожидаемому приходу v3.
🎥 Как сделать нижний лист с React Native Reanimated

🧑‍💻 Вакансии

🧑‍💼 Passionfroot — Senior Full-stack Engineer (Remix) — €160k+, Берлин/удаленно

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

🧑‍💼 Callstack — старший разработчик React Native — полностью удаленный, 21–32 тыс. злотых нетто на B2B, ежемесячно

Хотите работать над самыми популярными приложениями в мире? Хотели бы вы стать соавтором технологии React Native? Присоединяйтесь к команде Callstack лидеров React и React Native. Посетите наш веб-сайт для получения более подробной информации. Мы с нетерпением ждем вашего приложения — покажите нам, что у вас есть!

🧑‍💼 G2i — 100 % удаленных React Native Jobs

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

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