SvelteKit 1.0 добавляет полный стек в Svelte

автор vadim


SvelteKit, фреймворк для создания полнофункциональных веб-приложений с использованием фреймворка компонентов пользовательского интерфейса Svelte, достиг статуса 1.0.

Обнародованный 14 декабря, этот этапный выпуск делает SvelteKit рекомендуемым способом создания всех приложений Svelte, заявила команда разработчиков Svelte. Члены команды Svelte говорят, что Svelte упрощает создание пользовательских интерфейсов, чем непосредственная работа с DOM. Подход Svelte отличается от таких фреймворков, как Vue и React, тем, что работа, обычно выполняемая в браузере, переносится на этап компиляции на сервере при создании приложения.

SvelteKit по умолчанию использует навигацию на стороне клиента после начальной загрузки страницы, отображаемой сервером, что обеспечивает более быстрые переходы между страницами, сохранение состояния между страницами и меньшее использование данных. SvelteKit также позволяет избежать повторного запуска сторонних скриптов, таких как аналитика, при каждой загрузке страницы. Кроме того, разработчики могут использовать один язык вместо двух тесно связанных приложений, одно для создания HTML, а другое для обработки взаимодействия на стороне клиента. Поскольку SvelteKit запускается везде, где запускается JavaScript, разработчики могут развернуть приложение как традиционный сервер Node.js или с помощью бессерверных функций.

Чтобы начать работу, разработчики могут посетить документы и интерактивный учебник. По словам команды Svelte, разработчики могут создавать приложения с персонализированными данными без снижения производительности и изменения макета при загрузке из браузера после загрузки страницы. SvelteKit позволяет предварительно отображать просматриваемую страницу, в то время как REPL визуализируется с динамическими данными. Для переключения между ними используется одна строка кода. Приложения, созданные с использованием этого подхода, называются переходными приложениями.

Хотя для интерфейса командной строки SvelteKit требуется локальная установка Node.js, сам фреймворк не зависит ни от какой платформы. SvelteKit использует инструмент сборки Vite с готовой поддержкой горячей перезагрузки модулей и TypeScript. При запуске проекта SvelteKit разработчиков спросят, хотят ли они добавить TypeScript, ESLint для анализа кода, Prettier для форматирования кода, Playwright для браузерных тестов и Vitest для модульных тестов. Если все приложение подходит для предварительного рендеринга или представляет собой одностраничное приложение, разработчики могут использовать adapter-static, чтобы превратить SvelteKit в генератор статических сайтов для любого веб-сервера, включая страницы GitHub.

Забегая вперед, дорожная карта технологии Svelte включает в себя такие возможности, как добавочная генерация статики, детальный контроль над регионом развертывания и средой выполнения, а также оптимизация образа.

Далее прочитайте это:

  • Лучшее программное обеспечение с открытым исходным кодом 2022 года
  • Разработчики не хотят заниматься операциями
  • 7 причин, почему Java по-прежнему великолепна
  • Почему Wasm — это будущее облачных вычислений
  • Почему оценки программной инженерии — это мусор
  • Объяснение непрерывной интеграции и непрерывной доставки

Related Posts

Оставить комментарий