Всем привет!

На этой неделе Черная пятница. Я создал страницу с лучшими предложениями для разработчиков React. Некоторые из них я уже нашел, но некоторые еще не анонсированы, так что возвращайтесь в пятницу 😉

Черная пятница 2022 Баннер

Наконец-то у меня появилась возможность привлечь внимание к tRPC с официальными релизами и отличной статьей, сравнивающей его с GraphQL!

У нас также есть отличный контент, связанный с ремиксами в целом.

Мне нравится направление, в котором движется React-Native!

Не забудьте заполнить Состояние JS опрос! Рад, что Docusaurus сделал это в этом году. Не стесняйтесь предлагать информационный бюллетень для ресурсов 😏 если повезет, он появится в следующем году 🙌



💸 Спонсор

FlyCode позволяет редактировать приложения React без написания кода на основе Git

FlyCode позволяет редактировать приложения React без написания кода на основе Git

FlyCode (YC S22) делает веб-приложения React редактируемыми за считанные минуты, поэтому команды разработчиков и UX могут быстрее итерировать и выпускать продукты, поэтому им не нужно ждать (или тратить) время разработчиков.

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

  • Экономит время разработки
  • Нет интеграции кода, он просто читает ваш код!
  • На основе GitHub бот сканирует код и создает запросы на извлечение.
  • Используйте собственный стек и компоненты
  • Сохранить право собственности на кодовую базу

Вы можете начать здесь: flycode.com/developers



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

tRPC 10

tRPC 10

Хороший рефакторинг tRPC, который значительно улучшает поддержку DX и IDE. Эта библиотека, облегчающая бэкэнд-вызовы с безопасностью типов, набирает все больше и больше последователей. Его можно легко использовать в экосистеме React благодаря пакетам интеграции (Next.js, React-Query…). Мне нравится слоган «Двигайся быстро и ничего не ломай» 😄

Для понимания идеи рекомендую прочитать Почему мы отказались от GraphQL в пользу tRPC. Алекс объясняет, почему они заменили GraphQL на tRPC в своем Бизон стартер в контексте React. tRPC требует гораздо меньше шаблонов, кодегенерации TypeScript и пакета JS, улучшая при этом поддержку DX, IDE и упрощая управление кешем. Способ справиться с избыточной выборкой другой: вы должны без колебаний создать новую процедуру. tRPC идеально подходит для полнофункционального приложения Node.js на TypeScript с совмещенным внутренним и внешним кодом (например, Next.js). GraphQL остается хорошим решением для создания общедоступного API, доступного партнерам, которые не обязательно используют JavaScript, но хотят получить выгоду от codegen (OpenAPI также является хорошим решением для этого).

Пользуясь случаем, также упомяну Приложение T3, комплексный стек typesafe для Next.js, основанный на tRPC, Prisma, Tailwind… Он очень помог tRPC стать популярнее в этом году, и теперь у него есть официальный сайт документации. Его tRPC tdocs хорошо объясняют преимущества по сравнению с классическим API Next.js Route. Смотрите также создать-t3-турбо: монорепозиторий Turborepo с Next.js + Expo, оба используют tRPC.


Работа с Зустандом

Работа с Зустандом

Доминик напоминает нам, откуда мы пришли в плане управления государством. Он объясняет, почему ему нравится Zustand, минималистское и свободное от магии решение в философии React. Он дает несколько советов о том, как лучше всего его использовать, например, выставляя пользовательские хуки, используя атомарные селекторы или группируя действия в неизменяемый объект. Хорошие практические советы, с которыми я могу полностью согласиться!


Ремикс двойных ответов

Ремикс и альтернативная хронология веб-разработки

Джим объясняет, что Remix сделал несколько шагов назад, чтобы переосмыслить всю нашу модель внешнего интерфейса. С Remix поддержка прогрессивного улучшения не требует написания нашего приложения двумя разными способами (клиент + сервер), как в других фреймворках, поскольку маршруты Remix могут возвращать как JSON, так и HTML из одного и того же кода.


Приручение дракона: Доступное перетаскивание

Приручение дракона: Доступное перетаскивание

Devon (Adobe) только что объявила о выпуске доступных хуков перетаскивания для React-Aria и React-Spectrum. Он объясняет, как работает поддержка клавиатуры и средства чтения с экрана, чтобы пользователи могли выбирать элемент и находить потенциальные цели с помощью Tab или мобильных устройств. Все это со многими демонстрациями. В очередной раз чувствуется, что за этим API React-Aria стоит большая работа, которая впервые пытается решить эту сложную задачу.




💸 Спонсор

The React Native Show — серия подкастов

The React Native Show — серия подкастов

Раз уж вы здесь, значит, вам наверняка интересно быть в курсе самых важных новостей React! 🔥 Если вы хотите погрузиться в React и React Native, поиграйте в последние выпуски Нативное шоу React:

Нативное шоу React — это серия подкастов, организованная Callstack. В каждом выпуске подробно рассматривается отдельная тема. Ведущий погружается в каждую дискуссию со своими гостями — мировыми экспертами в этой области.



📱 React-Native

[Reply] 2022: Как мы можем улучшить React Native?

Команда React-Native официально ответила на обсуждение на как улучшить React-Native. Узнаем много подробностей о дорожной карте. Инвестиции в React-Native, кажется, ускоряются. Меня особенно интересуют следующие моменты:

  • Метро должно наверстать упущенное: swc, pnpm, симлинки, ESM поддерживают «экспорт»…
  • Будет улучшена поддержка Yoga и CSS: flex gap, boxShadow…
  • Кроссплатформенные, унифицированные API, React-Native-Web теперь принадлежат Meta
  • Улучшения DX: отладка, трассировка стека, исходные карты, LogBox…



🧑‍💻 Вакансии

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

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

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

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

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

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

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



🔀 Другое



🤭 Веселье

Жизнь коротка. Обязательно потратьте ее на споры о JS-фреймворках с незнакомцами в Интернете.

Для еще большего удовольствия, это все там!

На этой неделе в React - забавная тема