Remix строится на основе стандартных веб-API. Райан Флоренс не может предсказать, приживется ли Remix, но дает веские причины изучить его: полученные знания не будут потеряны. Это как React: не нужно изучать другой язык шаблонов, а знания JS, которые вы получаете, используя JSX, можно использовать во многих других местах.
Remix также не зависит от фреймворка. В Твиттере Райан Флоренс дразнит нас следующими возможными целями для Remix. Ставлю на Qwik и Solid.
Я все чаще рассматриваю Remix как потенциальный шлюз для Deno (также основанный на веб-API) и, возможно, следующую платформу, которая переживет React.
Не по теме: Кент С. Доддс попал в серьезную автомобильную аварию 🤕
Официальный запуск MDX 2.0. Эта технология позволяет довольно легко чередовать Markdown и JSX, что очень удобно для создания интерактивного контента (например, веб-сайт Джоша Комо, Docusaurus…).
v2 улучшает многие вещи: исправляет несколько синтаксических проблем, значительно повышает производительность, может поддерживать другие фреймворки…
Анализ жизненного цикла архитектуры компонентов React
Алан вдохновлен концепциями анализа жизненного цикла и владения объектами в Rust, чтобы понять, куда поместить его состояние React. Я чувствую, что делаю именно это, интуитивно. Оригинальное чтение, сначала немного многословное, но в конце это имеет смысл. Не нужно разбираться в Rust.
Создание системы форм на основе схемы
Таня объясняет, как управлять рендерингом формы React с помощью схемы JSON. Пример основан на Formik и Yup, но важна прежде всего техника, и она может быть полезна для интеграции с CMS или серверной частью, которая отправляет вам такую схему.
Дополнительно:
- Дэн Абрамов переписал документацию React Quick Start docs (бета-сайт), и она выглядит великолепно!
- 🎥 История React: хорошая ретроспектива истории React, от JQuery/Backbone до Next.js/Remix
- Приостановите свое приложение React с помощью точек останова: для тех, кто все еще использует
console.log😏 - react-zorm: новая библиотека форм React (неконтролируемая), типизированная и основанная на Zod, использующая веб-API (
FormData) для хорошей интеграции с Remix. - Основной уровень для веб-разработки в 2022 году: эта статистика в Интернете заставила экосистему заговорить на этой неделе: React не имеет таких хороших результатов, и, в частности, Next.js (победил Гэтсби на Core Web Vitals).
- 🧵 Перевыборка означает для меня три вещи: о преимуществах GraphQL с Relay по сравнению с современными альтернативами (загрузчики ремиксов, Next.js getServerProps, tRPC…)
- 🧵 Next.js: не возвращайте слишком много данных в getStaticProps и getServerProps
- Recoil 0.6: React 18, параллельный рендеринг, строгий режим
- Докузавр 2.0.0-бета.15: хороший релиз 😌
- SWR 1.2: поддерживает
.mjs+ оптимистичный автоматический откат ошибок пользовательского интерфейса - Гэтсби v4.6
- 🎥 Nx ❤️ Ремикс
- Атомный дизайн и сборник рассказов
💸 Спонсоры
Stream: мощный чат и каналы для React и React-Native
Stream — это производитель API и SDK корпоративного уровня, которые помогают продуктовым и инженерным группам решать две распространенные проблемы в масштабе: чат в приложении и каналы социальной активности.
С помощью Stream разработчики могут интегрировать любой тип обмена сообщениями или лентой в свое приложение за долю времени, которое потребовалось бы для создания этих функций с нуля. Stream Chat позволяет разработчикам легко интегрировать полноценный обмен сообщениями в реальном времени в свои приложения.
Stream предоставляет надежные клиентские SDK для популярных фреймворков, таких как React, React-Native, Flutter, Android, Angular, Compose, Unreal и iOS. Он также поддерживает управляемый рабочий процесс Expo.
Разблокируйте возможности, функции и компоненты пользовательского интерфейса корпоративного уровня совершенно бесплатно для своего стартапа или побочного проекта с Учетной записью Maker.
React-Native
- Версии React-Native: TIL об этом инструменте, чтобы узнать об использовании каждой версии React-Native (+ Expo SDK). Может быть полезно убедить вашего босса обновиться.
- Глубокое погружение в новую архитектуру React Native: познакомьтесь с элементами новой архитектуры: JSI, Fabric, Turbomodules, Codegen.
- 🐦 «В этом году мы будем уделять много внимания веб-сайту Expo»: интересно!
- 🐦 Демо React-Native-Skia: шейдеры, интерполяции путей
- 🐦 React-Native-Performance 0.4
- 🎙️ RNR 225 — за нашим решением отменить Chain React 2022
Партнеры
- Запустите React Native: узнайте все о жестах и анимации с Уильямом Кандиллоном
- React-Native Weekly: будьте в курсе основных обновлений React-Native
- TypeScript Weekly: лучшие ссылки на TypeScript каждую неделю прямо в вашем почтовом ящике.
- ES.next News: узнайте о последних новостях JavaScript и кроссплатформенных инструментах.
- Еженедельник Tailwind: все о Tailwind CSS, новый выпуск каждую субботу
- G2i: предварительно проверенные удаленные разработчики React и React-Native, которым вы можете доверять на условиях контракта или на постоянной основе.
- Infinite Red: американские специалисты React-Native воплощают вашу идею в жизнь
- Software Mansion: соавторы React Native и технологическое ядро многих технологических компаний.
Другой
С появлением новых сборщиков проверка типов становится узким местом в больших кодовых базах. Донни (Vercel) является автором SWC (Rust). Он попытался полностью переписать на Rust (POC компилирует в 62 раза быстрее, чем tsc), но это большая работа по сравнению с портом, который будет использовать существующий код tsc.
Проблема: кодовую базу tsc трудно портировать на Rust (общая изменчивость, GC…), и Go лучше подходит для этой конкретной задачи.
План SWC и Vercel ясен: они предоставят нам быстрый инструментарий для всего, что нам нужно: транспиляции, проверки типов, минификации и связывания.
Что касается портирования tsc, то в Rust существует еще одна альтернатива — tyty, но на данный момент это сайд-проект, исходный код которого еще не открыт.
Deno делится своей ретроспективой 2021 года с улучшениями в ядре (оперативные вызовы, производительность, FFI), их сервисе Deno Deploy (изоляты V8, сопоставимые с Cloudflare, хорошая цель для Remix)…
Я в восторге от совместимости с веб-API и режимом совместимости Node.js. Благодаря тому, что Node.js постепенно внедряет веб-API (см. ниже), мы можем легче переключаться с одного на другой с помощью метафреймворков, таких как Remix.
Дополнительно:
- Node.js: v18 будет поддерживать нативные
fetch() 🙌! модули JSON не помечены и, возможно, новый APIResponse.json()? - Отладка Node.js и обработка ошибок с помощью Error Cause: хорошее введение в эту функцию ES 2022
- Конечные косые черты в URL-адресах: спорные или решенные?: мой анализ завершающих косых черт (сделанный для Docusaurus) кажется полезным для сообщества. Зак Лезерман (Eleventy/Netlify) представил его более привлекательно 🤗 Это тоже должно помочь Гэтсби 😏
- V8 v9.9: Внутренние улучшения
- prettier-plugin-tailwindcss: для сортировки имен классов
- Обновления с 88-го заседания ТК39: не много 😅 Обратите внимание, что есть предложение по перечислению (этап 0) 🤔
- Turborepo v1.1: позволяет, в частности, создавать зависимости от переменных env.
- Точка схождения TypeScript: Можем ли мы выразить каждую программу JavaScript через типы TypeScript? Стефан отвечает Пока нет и объясняет ограничения, набрав пакет CLI
commander - Создатель NAPI-RS нанят Vercel, который укрепляет свои позиции на Rust
- Vue 3 как новый стандарт по умолчанию
- Рекомендации по кэшированию заголовков
- Написание скриптов сборки на TypeScript
- Как TypeScript победил разработчиков и JavaScript-фреймворки
- Демистификация размеченных союзов TypeScript
- openapi-graphql
- Возвращение маршрутизации на стороне сервера
- Состояние Интернета: Связки и инструменты сборки, Генераторы статических сайтов, Бессерверные функции, Deno, WebAssembly.
- Публикация и использование модулей ECMAScript через пакеты
- Оператор конвейера для JavaScript: введение и варианты использования
- Сборник историй + Фигма
- Сеть в 2036 году: предсказания по прихоти
- Создание сцены Vaporwave с помощью Three.js
- Ускорение VSCode (расширения) в 2022 году
- Начало работы с каскадными слоями CSS
- 🎥 Как на самом деле работает !important?

