Мета-рамские заводы, такие как Solidstart, Sveltekit и Analog, настолько тесно связаны с маршрутизаторами, что практически одинаковые. В случае ремикса это буквально верно, поскольку он объединился с React Router V7 в ноябре. Сначала это было выпущено после команды, которая поддерживает как ремикс, так и React Router, решил интегрировать маршрутизатор в рамку прошлой весной.
Однако не все довольны изменением, как показывает недавняя тема Reddit. На самом деле, многие разработчики в ветке сказали, что они оставляют фреймворк/маршрутизатор, чтобы охватить маршрутизатор Tanstack и его рамки Tanstack.
Маршрутизаторы и рамки
Meta-FrameWorks-это инструмент, который находится на вершине или рядом с фронтальной структурой, такой как React, Vue или Angular, для предоставления дополнительных функций и структуры для создания сложных веб-приложений.
На фронте маршрутизаторы управляют навигацией и URL -адресами в веб -приложении без полной перезагрузки страниц. Как правило, они отправляют в рамках мета-кадра.
Маршрутизаторы являются ключевой частью этого пакета, как Райан Карниато, создатель Framework Solid and Co-Creator of Meta-Ramework Solidstart, ранее сообщал в новом стеке. SolidStart стал первой структурой, которая стала как маршрутизатор-агностик в прошлом году, отчасти благодаря VITE и Vinxi, обертке, которая принимает несколько конфигураций VITE и пробуждает их вместе, чтобы создать все расширенные функции, которые ожидают разработчиков, например, компоненты сервера и серверные действия.
Как маршрутизатор может быть мета-рамой?
Vite, который представляет собой современный инструмент сборки фронта, который служит как сервером, так и пакетом, приобретает большую часть тяжелой работы, которую строители и рамки после выполнения, объяснил Remix + React Core Core Mark Mark Dalgleis , достаточно кратко, «как React Router стал рамкой».
Презентация углубляется в сорняки мета-рамки о трансформации, но долгое время и недолгое, что ремикс и реагируют маршрутизатор долгое время, долгое время были глубоко интегрированы, что довольно легко достичь, поскольку одна и та же команда поддерживает обе. Изменения в одном часто приводили к изменениям в другом, сказал он.
«React Router — это библиотека. Это не спорная вещь, чтобы сказать », — сказал он зрителям. Remix добавляет «куча вещей сверху, но это означает, что основная ДНК ремикса действительно реагирует на каркас», — продолжил он.
Он подробно объясняет, как это произошло, но это обязательно обязана эволюции VITE, особенно в предстоящей API окружающей среды для VITE.
«Vite — это действительно отличный инструмент для разработчиков JavaScript, но я хочу перевернуть его сегодня и выделить другую сторону этого, и это то, что, как инициал фреймворта, это действительно отличная платформа для фреймворков, и поэтому мы видим Так много фреймворков сегодня построено на вершине Vite », — сказал Далглиш. «Поэтому, когда мы начали идти по этой дороге, мы действительно хотели прийти к этой философии, говоря, что Remix-это просто плагин Vite».
Эта философия плагина не сработала, так что они сейчас перешли, так это то, что ремикс с открытым исходным кодом-«в основном плагин Vite», добавил он.
«React Router — это библиотека. Это не спорная вещь, чтобы сказать ».
— Марк Далглиш, React Router Core Team Team
«Что даже такое Remix, если подавляющее большинство вещей, специфичных для бундлера, осуществляется подключателем VITE, и что… разрыв между тем, что такое ремикс и каким RACT Router продолжает сокращаться?» Далглиш спросил. «Почему бы просто не избавиться от обороты и не пусть потребители импортируют эти вещи из React Router, базовой библиотеки напрямую?»
Между тем, React Router «управляет точками входа в ваше приложение, включая команды, которые вы должны выполнить», — сказал Далглиш. «Это дает вам официальную версию API модуля маршрута, который мы получили с ремиксом».
Он включает в себя маршрутизацию файловой системы, соглашения о рендерингах сервера и клиента, а также в режиме SPA (одностраничный приложение) и предварительное использование, продолжил он.
«Это довольно полнофункциональный набор здесь, поэтому справедливо смотреть на это сейчас и сказать, что React Router теперь является структурой»,-сказал Далглиш.
Разработчик frontend и создатель Epic Stack Kent Dodds также исследовал связь между Vite и React Router, став структурой в ViteConf 2023.
React Router является открытым исходным кодом и принадлежит Shopify с 2022 года. Усилия нового стека по достижению создателя и генерального директора Framework Майкл Джексон от X не получили ответа.
React Router’s досягаемость
Только 3% респондентов в опросе штата JavaScript 2024 сообщили об использовании Remix. Но Тео Браун, он же T3Dotgg, влиятельный индивидуум сообщества JavaScript и бывший разработчик Twitch, отметил, что большинство приложений React используют методологию React Router сегодня.
«Удивительно видеть, как они признают это, и быть способом принести лучшие вещи из новой построения React в любую другую кодовую базу, использующую React», — сказал он в основном в своем позитивном обзоре. «Я буду реалистичным здесь. Нет мира, в котором Twitch мог бы реалистично перенести в next.js после всей работы, которая пошла на текущий веб -сайт. Это позволяет преимуществам React 19 достигать базы кода Twitch и других таких гигантских, как это ».
Некоторые разработчики отвергают парадигму
Плакат Reddit, который проходит на Mustymustelidae в январе, начался с обсуждения с отказа об изменении, откровенно называемом: «React Router V7 должен быть Psyop».
«Я отказываюсь верить, что команда Remix будет набрать весь импульс, который имел их рамки, и бросит его на стену», — написал Mustymustelidae. «Я думаю, что команда состоит из очень умных людей, которые хорошо потрачены на разработку Zeitgeist of JS (JavaScript), и я отказываюсь верить, что они не знают лучше».
Плакат продолжал называть изменение самозаботителя.
«Рамки не делают этого по невероятно очевидным причинам», — заявил Mustymustelidae. «Это было бы похоже на то, если бы Свелте сгладил свои документы с помощью сеткита и назвал их« как библиотека »/« как рамка ». Или, если старт Tanstack стал маршрутизатором Tanstack. Нет вселенной, в которой это не является строго хуже: для целей документации, для целей брендинга, для целей seo, для целей поддержки ».
По крайней мере, один плакат сказал, что вся их «очень большая компания» перешла на Tanstack Router.
Несколько комментаторов отметили, что у Tanstack все еще есть ошибки и недостатки, хотя они не согласны с скоростью, с которой они рассматриваются. Один плакат, Веранова, подумал, что Танстак должен сорвать свои проблемы. Но Веранова и другие все еще рекомендовали его через React Router.
«Это лучший маршрутизатор, который у нас был на общественном API, поэтому я уверен, что он попадет туда, но сейчас под капотом есть несколько серьезных дефектов», — написала Веранов.
Танстак -маршрутизатор весит
Таннер Линсли, который создал Tanstack, присоединился к обсуждению, чтобы отметить, что Tanstack Start все еще находится в бета -версии, и пользователи могут ожидать, что это немного изменится. Стоит отметить, что старт Tanstack также использует Veite. (Примечание редактора: TNS подтвердил с Линсли через Блюзского, что именно он сделал замечания.)
Он отметил, что его мета-обрабатная работа, Tanstack Start, представляет собой коллекцию плагинов и времени выполнения для функций сервера (вызов удаленной процедуры), промежуточного программного обеспечения сервера, компонентов сервера React, потоковой передачи и сериализации. Это «аромат» рендеринга на стороне сервера (SSR) для маршрутизатора Tanstack, продолжил он.
«Start добавляет систему сборки стека заполнения, которая в настоящее время является его собственным CLI, но скоро просто станет плагином Vite или аналогичным», — написал он. «Это использует Nitro для развертывания сервера в основном в любом месте и записать портативный код сервера, который работает практически везде».
Он также предложил ссылку на диаграмму, сравнивающую маршрутизатор Tanstack и Tanstack, старт против Next.js и React Router/Remix.
Итог
VITE меняет рамки; Это ясно. API окружающей среды Vite была выпущена как экспериментальный в январе.
Хотя он предназначен в основном для создателей фреймвортов, он, вероятно, приведет к большему количеству изменений в мета-рамой, которые используют Vite, который включает в себя Nuxt, Tanstack Start, Sveltekit, Solidstart, Astro и Angular’s Analog.js.
Trending Stories youtube.com/thenewstack Tech движется быстро, не пропустите эпизод. Подпишитесь на наш канал YouTube, чтобы транслировать все наши подкасты, интервью, демонстрации и многое другое. Группа подпишитесь с эскизом. Loraine Lawson — ветеран -репортер, который в течение 25 лет освещал технологические проблемы от интеграции данных до безопасности. Прежде чем присоединиться к новому стеку, она работала редактором Banking Technology Site Bank Automation News. Она … читайте больше от Лорейн Лоусон
