Тази седмица в React #154: Сървърни компоненти, ремикс, Next.js,

Здравейте всички!

Още веднъж тази седмица имаме страхотни статии за React, особено за сървърни компоненти!

Миналата седмица попитах дали предпочитате директни връзки или връзки към Twitter. Вашият отговор беше единодушен: директни връзки. На всичкото отгоре изживяването на Twitter/X е влошено за анонимни потребители, които вече не могат да виждат дискусиите. Така че ще се опитам да избегна връзките към Twitter, с няколко изключения, за които ще използвам 🐦 emoji.

💡 Проверете този бюлетин в Twitter — визуален формат 🎨

За да ме подкрепите:

😘 Препоръчайте бюлетина на приятелите си: наистина помага!
💸 Спонсорирайте бюлетина
🧵 Retweet най-новата нишка в Twitter

💡Абонирайте се за Тази седмица в React

Единственият бюлетин на React/източник на „новото“, който следя

Sunil PaiEngineer — бивш основен екип на React

⚛️ Реагирайте

„Разбиране на компонентите на React Server“

Нова статия на Vercel, която дава добър преглед на React Server Components, тяхната реализация в Next.js, защо съществуват, кога да ги използвате и техните ограничения. Също така обхваща различни свързани теми: Действия на сървъра, разделяне на код, кеширане, напрежение, селективна хидратация...

„Всичко, което бих искал да знам, преди да преместя 50 000 реда код към React Server Components“

Страхотна статия за RSC! Обратна информация, която описва подробно 3-те основни предизвикателства, срещнати по време на приемането в Mux: липса на CSS в JS, липса на контекст на React и допълнителна сложност. Също така предоставя отговори на много въпроси и стратегия за постепенно приемане на RSC.

👀 Работна група на React — Списък на библиотеки, които поддържат компоненти на React Server
🐦 Разработчици на React, време е да започнете да използвате Array.prototype.with()
📜 Ускоряване на dbt™ документите с 20 пъти с React Server Components: отзиви за POC миграция на Angular 1 приложение към Next.js App Router и React Server Components. Отчетени са много значителни печалби по отношение на времето за зареждане, консумацията на памет, блокирането на процесора.
📜 Платформата на Shopify е уеб платформата: Shopify сега препоръчва Remix за създаване на „Admin Apps“, които се изпълняват в iframe и комуникират с родителското приложение чрез „App Bridge“, базиран на postMessage(). Интересна frontend/React архитектура за тези, които изграждат платформа, която се нуждае от отделяне.
📜 Частично контролирани компоненти: Декларативен модел на проектиране в React: въвежда нов термин/концепция за описание на компоненти, способни да предложат едновременно контролирано/неконтролирано състояние при поискване, с детайлност, приложима към цялото състояние или част от него.
📜 Използване на икони на svg спрайтове в React: обяснява как да използвате SVG спрайтове (по-оптимизирани от компонентите на React SVG) в контекст на Remix със стъпка за кодиране.
📜 Силно напишете useRef с ElementRef: TIL за типа ElementRef TypeScript, който се използва за получаване на типа на React ref от всеки компонент, доста подобно на това как работи ComponentProps.
📜 10 основни техники за оптимизиране на производителността на React за по-бързи уеб приложения
📜 Remix Error Handling Essentials
📦 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 бета — агностична библиотека от екипа на MUI
📦 Книга с разкази 7.2
📦 Автоматичен формуляр — автоматично създава @shadcn/ui формуляр въз основа на zod схема
📦 Framer Motion 10.5 — inView API
📦 Zustand 4.4
🎥 Трябва да знаете тайната на рутера на приложението: обещания за реквизити
🎙️ Този месец в React — юли 2023 г.

💡Абонирайте се за Тази седмица в React

Той е изключително добре подготвен, предлага страхотни прозрения и си струва да се абонирате!

Ади Османи, ръководител на Chrome DX — Google

📱 React-Native

„Измерете производителността на двигателя на Hermes в React Native с фенерче“

Разработчиците от BAM сравниха въздействието на времето за изпълнение на Hermes върху времето за стартиране на приложението и потреблението на памет на React-Native приложение за Android, използвайки своя инструмент за производителност Flashlight. За тези, които все още се съмняват, Хермес явно превъзхожда JSC.

🐦 Apple Store — 1/5 от топ 100 спортни приложения използват React-Native
🐦 React-Native вече има тестове за край 2: страхотни новини за процеса на пускане на React-Native и QA, официалното приложение RNTester вече е тествано с Appium и WebDriver.
📜 Динамично импортиране се поддържа в React Native: функцията Webpack require.context (използвана за динамично импортиране на папка с модули) е пренесена в Metro за нуждите на Expo Router. Това позволява на Storybook React-Native 6.5.5 да създаде индекс на истории без стъпка на кодиране (в предварителен преглед) и отваря други интересни възможности.
📜 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 000 PLN нетно на B2B, месечно

Искате ли да работите върху най-използваните приложения в света? Бихте ли искали да създадете съвместно технологията React Native? Присъединете се към екипа на Callstack от лидери на React & React Native. Проверете нашия уебсайт за повече подробности. Очакваме с нетърпение да видим вашата кандидатура — покажете ни какво имате!

🧑‍💼 G2i — 100% Remote React Native Jobs

Имаме няколко отворени роли за разработчици, фокусирани върху React Native! Заплащането е ~160k плюс 10% бонус. Трябва да имате производствен опит с RN и да сте базирани в САЩ. DM @gabe_g2i, за да научите повече и не забравяйте да споменете тази седмица в React.

💡 Как да публикувам оферта?