Что такое стройный и что такое стройный комплект?
СВЕЛТА моя любимая библиотека. Я люблю это за его простоту, элегантный синтаксис и скорость. Что отделяет его от фреймворков, таких как Vue или Реагировать является тот факт, что Svelte является компилятором, который объединяет весь код разработки в ванильный JavaScript. Это означает, что во время выполнения код SVELTE не включен в скомпилированный пакет.
Несмотря на растущую популярность, Svelte все еще нигде не с точки зрения популярности по сравнению с такими гигантами, как React, Angular или даже Vue. Это означает меньше предложений о работе и меньше сторонних пакетов. Даже если сообщество великолепно, у меня было впечатление, что Svelte не развивается так быстро, как другие рамки и крупные компании не стремятся использовать его в крупномасштабных приложениях из-за отсутствия четкой дорожной карты. Хотя я любил почти все в Svelte, я думаю, что отсутствие хорошего инструмента было самой большой проблемой с Svelte. Не было никакого инструмента CLI, как Создать-реакт-приложение или Vue Create И плагин Svelte Devtools был не таким впечатляющим. Кроме того, была официальная структура на стороне сервера на основе SVELTE, называемой Саппер Анкет То, как вам нужно было создать проекты Sapper, используя инструмент под названием град На мой взгляд, не так уж велик. Кроме того, были некоторые известные проблемы с шаблонами Rollup и Webpack. Все это рисует картину великой библиотеки, но с небольшим количеством хаоса внутри его экосистемы. Все, что ему не хватает, это щепотка последовательности.
К счастью, похоже, что создатель Svelte был знаком с этими проблемами, и в октябре 2020 года он объявил СВОВАЯ КОМПОЛЕТА Анкет Как было сказано, он должен объединить стрте и саппер в одну структуру с самоуверенной архитектурой и с официальным CLI. Но для меня самая большая новость была в отношении использования местных ES MODULES Через новый бундлер под названием Снежок Анкет Вы можете проверить это прямо сейчас, используя npm init stvelte@nex T Команда Но этот релиз нестабилен, поэтому я установил его, чтобы получить лучшее представление о том, что мы можем ожидать. Я подготовил свой список вещей, которые я ожидаю от Svelte Kit.
1. Кли
Прямо сейчас ни Svelte, ни Sapper нет инструмента CLI, который может генерировать структуру проекта. Я думаю, что этот инструмент, подобный “Создать приложение React” или “Vue Create” имеет решающее значение, и это делает тысячи приложений на основе стандартизированных одноразмерных. С таким инструментом, как «Vue Create», вы можете выбрать пару вариантов, таких как препроцессор CSS, Linter, поддержка TypeScript и так далее. Это также облегчает каркас кода шаблона. Отличная новость в том, что Svelte Kit будет иметь хороший инструмент CLI!
2. Dev Tools
Я не собираюсь лгать. Я большой поклонник Vue Devtools Анкет Невероятно, насколько хорошо, хорошо отточен и красиво, это расширение. Для меня это настолько удобно, что я не могу работать над более сложными приложениями VUE без него. React devtools С другой стороны, это немного хаотично и имеет такую «все еще в бета». Я был бы очень рад, если бы Svelte мог бы иметь посвященные Devtools, такие как отполированные, как Vue One. Это действительно делает работу над сложными приложениями намного проще.
3. Последовательный API
Мы все знаем, что случилось с Angular.js со значительными изменениями в API. Также новый Композиция API В Vue 3 изменяется, как мы должны писать компоненты. Конечно, API старых вариантов все еще работает, но он делает ненужное (на мой взгляд) подразделение. Если вы прыгаете на какую -либо кодовую базу React, я не знаю, чего ожидать. Компоненты класса или функциональные на основе крючков? Когда вы прыгаете в кодовую базу Vue, чего ожидать? Композиция API, опции API или, может быть, даже компоненты на основе классов с использованием компонентов класса VUE? Я ожидаю, что API Svelte будет последовательным и предсказуемым. Я думаю, что простота стройки делает почти уверенную, что API не изменится в будущем в будущем.
4. Разработка на основе модулей ES
Уже было объявлено, что во время процесса разработки Svelte Kit будет использовать Native ES MODULES используя Снежок Анкет Это означает, что во время разработки не нужно связывать файлы. То, что я наблюдал, используя альфа -версию Svelte Kit, так это то, что они решили использовать Vite (Еще один бундлер на основе ESM) вместо снежного покрова. Оба инструмента, и это интересно видеть, как быстро это. На производстве Svelte Kit будет использовать RULLUP Анкет
5. Быстрое время построения
Это ожидание, но и реальность сейчас. С Vite Как бундлер разработки, время сборки быстро быстро! Также HMR работает отлично и может поддерживать состояние приложения, даже если мы меняем код. Я ненавижу длительное время сборки, работая над огромными проектами, и способность создавать проекты в течение миллисекундов наверняка увеличит опыт разработчиков!
6. Рендеринг на стороне сервера (SSR) и статическая генерация сайтов (SSG)
Сам СВЕЛТ был просто библиотекой фронта. Sapper, с другой стороны, предоставленная рендеринг на стороне сервера. Для меня идеальным решением является возможность использовать CSL (Рендеринг на стороне клиента), SSR (Рендеринг на стороне сервера) и SSG (Статическое поколение сайта). Это уже возможно в таких фреймворках, как Next.js, когда вы можете решить, какая страница отображается на клиенте, а какая на бэкэнд. Я надеюсь, что эта гибкость будет возможна с помощью стройного набора.
7. Отличные документы
Vue, React, Gatsby и Next являются основными примерами удивительных документов. Обширные, красивые, со многими примерами кода, подробными объяснениями и рецептами. Я действительно надеюсь, что Svelte Kit будет иметь документы на том же уровне, что и рамки, упомянутые выше. Это нелегкая задача, а скрещивается пальцы!
8. Высокая производительность в крупномасштабных приложениях
Многие фреймворки обещают нам высокую производительность, обладающие различными критериями. Что эти тесты не показывают нам, так это производительность в крупномасштабных приложениях. Лично у меня не было возможности поработать над крупномасштабным приложением SVELTE, чтобы я уже не знаю, как оно работает Но я надеюсь, что даже крупные компании не стесняются создавать супер-широкие продукты со стройным набором.
9. Поддержка TypeScript Out из коробки
Вначале у Свита не было TypeScript поддерживать. Это было добавлено позже, и поддержка была довольно хорошей. Подтверждено, что Svelte Kit будет иметь полную поддержку TypeScript, и я могу подтвердить, что он работает очень хорошо от того, что я видел в версии Alpha.
10. Маршрутизация файловой системы, но с гибкостью
Маршрутизация файловой системы уже была введена в Sapper, так что в Svelte World нет ничего нового Но я хотел бы увидеть большую гибкость в этой маршрутизации файловой системы. Наличие маршрутов на основе ваших каталогов и файлов очень приятно, но что, если у вас немного более сложная ситуация. Что если вы хотите создать CMS с маршрутами, поступающими из API? Я надеюсь, что у нас, пользователей, будет много вариантов для настройки поведения маршрутизации файловых систем, не делая ненужных трюков.
Оригинал: “https://dev.to/michalkuncio/my-expectations-about-svelte-kit-18od”