Fresh, веб-фреймворк для DeDo, теперь официально интегрируется с инструментом frontend Build Vite через новый плагин, что позволяет времени загрузки, которые в 9-12 раз быстрее, в зависимости от размера проекта.
«С новым плагином Fresh теперь может быть необязательно работать как плагин VITE, предоставляя разработчикам доступ к Hot Module Reloading, полной плагина VITE Ecosystem и современный инструмент для кода клиента и сервера — оставаясь полностью полезным без VITE», — пишет Deno Software Indengener Marvin Hagemeister.
Это версия 2.0 веб-фреймворта с полным стеком для DeDo, среда выполнения JavaScript с открытым исходным кодом, которая конкурирует с Node.js. Технически, это бета -релиз, который поступает «После 63 альфа -релизов под его поясом», — написал Хагемейстер, добавив, что бета -версии эффективно выпускают кандидатов. Он отметил, что архитектура стабильна в этом выпуске.
«Свежий плагин VITE полностью охватывает новый API среды Vite для использования мощности экосистемы плагина как для кода сервера, так и для клиентского кода», — написал Хагемейстер.
Интеграция Vite позволяет Fresh предоставлять «правильную поддержку Hot Module Reloading (HMR)», добавил он, предоставляя доступ к базовому графику модуля каждой среды.
«Вместо того, чтобы перезагрузить страницу и терять все состояние, HMR позволяет заменять элементы пользовательского интерфейса, сохраняя при этом текущую страницу», — заявил Хагемайстер. «Прямо сейчас, это оценивается в код острова, и изменения только для сервера все равно будут перезагрузить страницу».
Свежий сосредоточен на том, чтобы сделать производительность максимально эффективной, отметил он. Один из способов достижения этого: маршруты теперь загружают спрос, только загружают и выполняют код, необходимый для обработки запроса.
«С помощью плагина VITE мы идем на шаг дальше и будем объединить код сервера, чтобы уменьшить количество файлов, которые необходимо разрешить и загрузить», — добавил он. «В результате, начало свежего приложения в производстве-это порядок матчей быстрее».
Они поделились тем, что для собственного сайта Fresh время загрузки сократилось с 86 миллисекунд до всего лишь 8 миллисекунд.
Это также поддерживает псевдонижение отреагирования из коробки. «Псевдоним» в веб -разработке относится к псевдонимам путей, которые являются ярлыками, которые заменяют длинные сложные пути файлов в операторах импорта с более короткими, более читаемыми и значимыми именами.
«Псевдоним React, React-Dom и другие пакеты в Preact/Compat всегда было немного сложным»,-сказал Хагемейстер. «Это отображение часто должно было быть указано вручную, и требовалось код приложения для использования ESM.SH вместо того, чтобы тянуть зависимости непосредственно из NPM. Необходимость осознания этого никогда не была идеальной установкой».
Но плагин VITE решает эту проблему для разработчиков.
«Установите сторонние пакеты NPM как обычно и больше никогда не сталкивайтесь с проблемами псевдонима!» он написал.
Fresh также повторно представил свой компонент <головы> от Fresh 1.x. По словам Хагемейстера, он может использоваться от компонентов для отображения элементов в часть документа HTML.
Узнайте реагировать самым веселым способом (нет, правда)
Это пятница. Вы всегда хотели выучить реагировать. Почему бы не начать? Новый репозиторий GitHub, называемый React, ужасен, научит вас реагировать самым веселым способом: жалуясь на это на каждом этапе процесса.
Насколько я могу судить, это выпустило в прошлом месяце. Это часть коллекции CloudStreet.Dev, которая включает в себя такие названия, как Python для тех, кто не может даже и Emacs-For-Goodse.
Честно говоря, я никогда не думал, что даже попытаюсь выучить реагирование. Я изучал базовый JavaScript, и этого было достаточно. Пока я не нашел эту бесплатную книгу на GitHub.
Он считает себя «полным реагированным образованием, замаскированным как 21-часовая жалоба на React. Написано искусственным интеллектом, которому никогда не приходилось очищать Node_modules, чтобы освободить пространство диска, для разработчиков, которые имеют». Но Дэвид Лидл сделал коммит, поэтому я его приписываю.
Вот отрыв из введения:
«Все, что вам нужно знать о React, в том числе: ❌, почему он существует (счетчик уведомлений Facebook иногда был неправильным) ❌ В виртуальном DOM (решение созданного реагирования проблемы) ❌ JSX (HTML и JavaScript имел ребенка, у которого никто не просил) ❌ Крюки (функции, которые помнят вещи, разбивая все функции).
Честно говоря, если это не делает этого, названия глаз продают книгу:
- Введение: Почему вы читаете это (и почему вы ненавидите реагировать)
- Проблема, реактивная, утверждает, что решает (это не было проблемой)
- Виртуальный Дом: прекрасная ложь
- Компоненты: все это гвоздь, когда у вас есть молот
- Управление государством: выберите свое собственное приключение в аду
- Альтернативы: трава не всегда зеленее
- Заключение: вы узнали реагировать. Мне жаль.
- Ресурсы: для восстановления
Nuxt добавляет повышенную стабильность, функции Dev Experience
Nuxt 4.1 развернулся на этой неделе, когда ведущий разработчик команды Даниэль Роу написал «повышенную стабильность сборки, улучшение опыта разработки и новые мощные функции для авторов модулей».
В частности, следующие 4.1 изменяют, как прогрессивная веб -структура обрабатывает фальсификацию файла и разрыв кэша.
«По умолчанию кусочки JS, испускаемые в сборке Vite, хэшируются, что означает, что их можно использовать впоследствии», — написал Роу. «Тем не менее, это может вызвать значительную проблему: изменение в одном компоненте может привести к недействительному признанию каждого хэша, что значительно увеличит вероятность 404 -х годов».
Каскадные хэш-изменения на протяжении всей сборки могут аннулировать весь кэш и заставить пользователей повторно загрузить все приложение.
Чтобы исправить это, Nuxt использовал импортные карты для предотвращения каскадных хэш -изменений, которые могли бы аннулировать большие части сборки при внесении небольших изменений.
Разработчики также увидят улучшения для опыта и функций разработчиков, в том числе:
- Экспериментальная поддержка Rolldown для Rolldown-Vite, нового связующего, написанного в Rust.
- Улучшенная ленивая гидратация: Nuxt 4.1 улучшает надежность макросов ленивого гидратации, что позволяет обеспечить более мелкозернистый контроль. Макросы теперь работают без автосторонков.
- Усовершенствования автора модуля: для разработчиков, создающих модули Nuxt, команда добавила новые крючки жизненного цикла, такие как OnInstall и OnuPgrade.
Htmhell Advent Calendar ищет материалы
Любимый календарь Advent Advent — это ищет статью и вклад в код для календаря Advent 2025 года.
«Вы можете написать классическую полнометражную статью, или вы можете поделиться своим любимым фрагментом кода в HTML и несколькими словами, объясняющими то, что вам нравится в этом»,-написал создатель Мануэль Матузович. «Любая тема или часть HTML -кода, который вы любите, которая улучшает доступ к доступности, производительности, безопасности, seo или UX. Вы также можете поделиться ужасным кодом, но только если вы объясните, что с ней не так, и предлагаете альтернативы».
Крайний срок подачи 1 октября.
Trending Stories youtube.com/thenewstack Tech движется быстро, не пропустите эпизод. Подпишитесь на наш канал YouTube, чтобы транслировать все наши подкасты, интервью, демонстрации и многое другое. Группа подпишитесь с эскизом. Loraine Lawson — ветеран -репортер, который в течение 25 лет освещал технологические проблемы от интеграции данных до безопасности. Прежде чем присоединиться к новому стеку, она работала редактором Banking Technology Site Bank Automation News. Она … читайте больше от Лорейн Лоусон
