Цього тижня у React #278: React Email, TSRX, плагін ESLint, Rspack RSC, TanStack, Hook Form | Vision Camera, Expo, Nano Icons, ExecuTorch, Argent, Audio API, CSS, RNSec | TypeScript Go, Node.js, Bun, Hono
https://ift.tt/0JMybw9
Привіт усім, з Software Mansion тут Кшиштоф та Філіп 👋!
Головні релізи закріплюють тиждень. React Email 6.0 консолідує фрагментовану екосистему в один пакет, розблоковуючи вбудований редактор та більш надійне відображення HTML у різних поштових ящиках.
На мобільному Марк Роусаві випустив VisionCamera v5 з повним переписанням Nitro Modules, інтеграцією Worklets, професійними елементами керування та модульною архітектурою плагінів.
Увага до інциденту Vercel у квітні 2026 року: обертайте ваші інтеграційні токени, якщо ви використовуєте сторонні інтеграції.
Також всередині: Expo раунд Series B, приєднання Сета Вебстера до Expo, міграція Doctolib WebView на Native та свіжі релізи від TanStack, React Hook Form, ExecuTorch, бета TS Go, Rspack RSC та інше.
Погляньмо детальніше!
Як завжди, дякуємо за підтримку на ваших улюблених платформах:
– 🦋 Bluesky
– ✖️ X / Twitter
– 👔 LinkedIn
– 👽 Reddit
Не пропустіть наступний імейл!
«Я постійно знаходжу там багато цікавого, чого варто навчитися.»
Dominik Dorfmeister
Web Developer – підтримувач React-Query
(див./авт.)—Christmas-розділ зображення
💸 Спонсор
Still writing tests manually?
Notion, Dropbox та LaunchDarkly знайшли нову парадигму тестування — і не можуть уявити роботу без неї. Створено колишніми інженерами Palantir, Meticulous автономно створює постійно еволюційний набір E2E UI тестів, який забезпечує майже повний охоплення з нульовими зусиллями з боку розробників — неможливо досягти іншим способом.
В роботі це виглядає майже як магія:
– Майже повне охоплення під кожен запуск тесту
– Ніяких створень тестів
– Ніякого обслуговування (серйозно)
– Відсутність флеиκів (на основі детерміністичного браузера)
🤨 Цікавить? Забронюйте час, щоб дізнатися більше
—Christmas-розділ зображення
⚛️ React
React Email 6.0
React Email 6.0: зріст у зрізі з великою релізом, який прибирає розрізнення у екосистемі. Він полегшує управління версіями та позбавляє розбіжностей між CLI та компонентами.
Ключові технічні зміни:
– Вбудований редактор: ви можете використовувати інструмент перегляду як компонент React, щоб показати користувачам, як їхні листи виглядатимуть безпосередньо у вашому додатку.
– Надійний HTML: рушій, що перетворює React на HTML для електронної пошти, обробляє нюанси різних поштових сервісів.
– Швидший HMR: швидше перемикання між шаблонами та попереднім переглядом, навіть за складних макетів.
Перехід від модульності до одного великого пакета — це великий крок до стабільності та більшої здатності бібліотеки. Хоча це може трохи збільшити розмір бандла, воно відкриває складні можливості, раніше заблоковані, такі як вбудований попередній перегляд та просунуті трансформації макетів.
—Christmas-розділ зображення
– 💸 Sentry – Stop flying blind in Next.js. This free workshop covers logs, tracing, and how to connect both in production. Register today.
– 🔐 Vercel April 2026 security incident – A few environment variables were accidentally exposed because of a security breach linked to a third-party AI tool. Since some secrets are stored in plain text, it is recommended to rotate them manually as soon as possible.
– 🗓️ React Norway – 🇳🇴 Осло – 5 червня. Перегляньте вражаючий склад з Dominik Dorfmeister, Aurora Scharff та Jack Herrington у легендарному музичному залі Rockefeller. -10% з кодом “TWIR”.
– 📜 Building a Blog in TanStack – Створення блогу на TanStack Start, потім повна статична версія через попередню обробку та статичні серверні функції, щоб уникнути витрат на холодний старт Shiki.
– 📜 Build with React, Run on Salesforce: Introducing Salesforce Multi-Framework – Історія переваг React, яка переконала Salesforce відмовитися від власного рішення на користь розробки з React у їхній платформі. Зараз у бета-версії.
– 📜 AI-Generated UI Is Inaccessible by Default – Загальні проблеми доступності у коді, згенерованому ШІ, і способи забезпечення відповідності стандартам через лінтинг, тестування та CI.
– 💸 PlanetScale – Faster apps start with a faster database. Get started with the fastest benchmarked Postgres and MySQL.
– 📦 TSRX – Розширення мови TypeScript для побудови декларативних інтерфейсів користувацьких інтерфейсів – Духовний наступник JSX. Новий framework-agnostic рішень, створений колишнім членом команди React Dom Dominic Gannaway, може компілюватися в React/Solid/Ripple.
– 📦 Rspack 2.0 – Rust-бандлер, який продовжує покращувати продуктивність та можливості, зберігаючи сумісність із webpack. У цій новій мажорній версії також є експериментальна підтримка React Server Components, з планами додати підтримку TanStack RSC.
– 📦 TanStack Store 0.11 – Нові хуки useAtom, useSelector та createStoreContext – useStore тепер застарілий на користь useSelector.
– 📦 ESLint Plugin React Hooks 7.1 – Підтримка ESLint v10, поліпшення продуктивності та лінтингу
– 📦 Lingui 6.0 – i18n для React, RN та іншого – Технічні поліпшення та модернізація
– 📦 React Hook Form 7.73 – Мемоїзований submit, швидкий deepEqual, збільшена типобезпека для глибоконей Nested полів
– 🎥 Ankita Kulkani – Next.js нарешті має переходи між сторінками
Не пропустіть наступний імейл!
«Він надзвичайно добре відбірковий, має чудові інсайти, і варто на нього підписатися!»
Addy Osmani
Head of Chrome DX – Google
—Christmas-розділ зображення
💸 Спонсор
Build Gantt Charts in React – No JS Fluff
Скористайтеся SVAR React Gantt, нативним компонентом React для планування задач. Додайте користувацькі діаграми Ганта до ваших застосунків — від простих хронологій до складних проектів із тисячами завдань.
– Pure React architecture для повної кастомізації
– Drag-and-drop timeline та просте редагування задач
– Оптимізований рендеринг для великих даних
– Легка інтеграція з Next.js та бібліотеками стану
Ядро з ліцензією MIT. PRO-версія для критичного шляху, базових ліній, експорту та автоматичного планування.
🛠️ Learn more & get started
—Christmas-розділ зображення
📱 React-Native
Vision Camera v5
Марk Роусаві випустив VisionCamera з великим оновленням. Це велике оновлення камери включає багато нових можливостей та поліпшень. Розглянемо основні моменти:
– Nitro Modules Backend – повний перепис із використанням Nitro Modules дає значне підвищення продуктивності.
– Worklets Integration: тепер використовується react-native-worklets для більш плавної обробки кадрів.
– Pro Camera Controls – повна ручна підтримка експозиції, фокусування та балансу білого, плюс підтримка RAW.
– Depth & Multi-Cam – тепер можна транслювати дані LiDAR/ToF та записувати одночасно з фронтальною та основною камерами.
Цей реліз приходить із новою модульною архітектурою — VisionCamera більше не є одним великим пакетом. Тепер можна обирати лише потрібні плагіни, щоб не розмір вашого бандла:
– react-native-vision-camera-skia — реальний час фільтри та накладки
– react-native-vision-camera-barcode-scanner — вбудована інтеграція MLKit
– react-native-vision-camera-resizer — масштабування за апаратне прискорення для задач ML
– react-native-vision-camera-location — автоматичне тегування EXIF
—
PostHog – Посібник для початку тестування AI-агентів
Expo підняли 45 мільйонів доларів у раунді Series B. Вони також найняли Сета Вебстера, який раніше очолював команду React та ініціював React Foundation. Вони «ставлять на майбутнє агентного»: в момент, коли екосистема React Native розвивається швидше, ніж будь-коли.
The Reanimated команда працює над підтримкою псевдо-селекторів для CSS-анімацій
The Hermes команда працює над підтримкою JSI для TypedArrays
Evan Bacon демонструє iOS-симулятор у Codex на десктопі
Codex Expo плагін тепер доступний
Як Margelo допомогли Discord покращити продуктивність React Native的新 архітектури — глибоке занурення в низькорівневі оптимізації, що було інтегровано в Reanimated та новий Shared Animation Backend у ядрі React Native
Як побудувати React Native застосунок локально (APK та .app) — технічна інструкція з генерації локальних артефактів iOS та Android безпосередньо з Expo-проекту за допомогою xcodebuild та gradlew
Як відновлювати головну сторінку Doctolib із WebView на Native — Архітектурна міграція з використання Backend for Frontend. Time to Interactive знизився приблизно на 50% на iOS та Android після міграції
On-device AI vs Cloud TTS – Kokoro, react-native-executorch — Як пристрійний AI може зменшити вартість TTS без погіршення якості
Deferred Deep Linking for Mobile Developers with Detour — Пояснення, коли глибоке посилання є доречним для вашого застосунку та як Detour реалізує цю концепцію
Nano Icons – використовуйте будь-який SVG як шрифт. Висока продуктивність, генерація іконок на етапі збірки для React Native & Expo
Argent – інструментарій агентного керування, налагодження та профілювання iOS-застосунків від Software Mansion
React Native ExecuTorch 0.8 – інтеграція Vision Camera v5, підтримка Vision Language Models, Whisper швидкістю до 3x
Maplibre 11.0 – відмова від застарілої підтримки архітектури React; узгоджений API з MapLibre GL
Graph 1.2 – підтримка останнього RN, Reanimated та Skia
Test Renderer 1.0 – наступник застарілого react-test-renderer — кожна міні-версія відповідає лінії React 19; 1.0.x для React 19.0, 1.1.x для 19.1 (Owner Stacks, CSS-safe useId), 1.2.x для 19.2 (
RNSec 1.3 – нові правила безпеки та нативний сканер вразливостей
Expo Pretext 1.1 – додає CSS text-wrap: balance/pretty в RN
Audio API 0.12 – підтримка Mac Catalyst, навантаження на Android, універсальний ресемплер, обертовий записувач файлів для довготривалих записів
Beto – Expo Router v55 Crash Course
RNR 360 – TanStack Native Router з ТаНнeр Линслей
—Christmas-розділ зображення
🔀 Інше
– Building a UI Without Breakpoints
– Shopify Speed Optimization: Fixing The Real Bottlenecks
– Most Apps Are Slower Than They Need to Be
– TypeScript 7.0 Beta – Перша бета-версія перепису на Go вже випущена! Добра сумісність із 6.0 та приблизно у 10x швидше завдяки паралелізації.
– Node.js 24.15 – require(esm) відзначено як стабільне
– Bun 1.3.13 – Швидке паралельне та ізольоване тестування, швидший bun install
– Fast-Check 4.7 – Перевірочний фреймворк на основі властивостей
– Hono Node.js Adapter 2.0 – До 2.3x швидше
—Christmas-розділ зображення
🤭 Фан
До зустрічі! 👋
HI-FI News
через This Week In React – Розсилка https://ift.tt/uYVzAmT
22 квітня 2026 р. о 16:34
April 22, 2026 at 04:34PM
Залишити відповідь