Стартовый набор Svelte — Полезные учебные ресурсы и пакеты

Привет 👋! Я Дэвид Пенг.

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

Вы можете ознакомиться с моей последней статьей о моем путешествии здесь 👉 Supercharge Web DX in Svelte way

Надеюсь, эта статья поможет вам, если вы новичок в Svelte или все еще на пути к его изучению.

Учебные ресурсы

Официальный учебник

Официальный учебник Svelte
Я бы настоятельно рекомендовал закончить этот учебник перед просмотром видео «Как создать приложение To-do в Svelte».
Следуя этому интерактивному руководству, вы получите общее представление о том, как работает Svelte, и почувствуете вкус реактивности в Svelte.

Краш-курс

Если вы только что закончили официальный учебник и ищете видео, вот мои подборки для Svelte & SvelteKit:

The Net Ninja — один из моих любимых YouTube-каналов с высококачественными учебниками. Эти две замечательные серии могут дать вам уверенность в создании приложений Svelte в реальной жизни.

Я также смотрел и писал вместе с Джеймсом Квиком (@jamesqquick) краш-курс по SvelteKit:

Продвинутый Svelte от основной команды

Я обнаружил, что блог и канал Лихау на YouTube очень полезны для тех, кто хочет глубже погрузиться в Svelte, от компилятора до продвинутых советов по использованию store или actions.

Блог Ли Хау

Канал Ли Хау на YouTube

Я также многому научился из статей Джеффа.

Еженедельник Svelte от LevelUpTuts

Я открыл для себя Svelte в одном из эпизодов Syntax.fm, и Скотт (ведущий Syntax.fm и основатель LevelUpTuts) поделился своим опытом перехода с React на Svelte. Затем я нашел его плейлист Weekly Svelte. Он очень помог мне в первые несколько недель работы в мире Svelte.

Сообщество

Общество Svelte

Мы являемся добровольной глобальной сетью поклонников Svelte, которые стремятся продвигать Svelte и его экосистему.

В сообществе можно найти практически все, что вам может понадобиться. Здесь вы можете найти лучшие практики и сотни пакетов Svelte:

Svelte Society

YouTube-канал Svelte Society

И не забудьте присоединиться к каналу Svelte Discord!

Svelte Sirens

Svelte Sirens

Общество Svelte для женщин, небинарных людей, & союзников.

Это фантастика — видеть, как растет такое поддерживающее сообщество Svelte! Вы можете найти замечательные выступления на YouTube-канале Svelte Society.

Саммит Svelte

Саммит Svelte

Svelte Summit посвящен Svelte и всему, что происходит в сообществе.

На последнем саммите Svelte Full Summit я нашел информативные выступления и ценные пакеты. Вы также можете найти их на
канале Svelte Society на YouTube.

Пакеты и утилиты Svelte

Сделано с помощью Svelte

Сделано со Svelte

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

➕ Svelte Add

Svelte Add

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

IMHO это одна из самых важных частей при создании приложения Svelte.

В шаблоне SvelteKit уже рассмотрены настройки ESLint, Prettier, TypeScript & Playwright.
Но что если вам нравится использовать в своем проекте также Tailwind или Jest? (Да, это я.)
Вы можете попасть в огромную кроличью нору конфигурационного ада.

Так что используйте svelte-add вместо того, чтобы изобретать колесо!

Пакеты, которые я использовал во внутренних бизнес-приложениях

Svelte Actions: Прототип действий Svelte для включения в официальные действия в будущем.

Svelte MultiSelect: Удобный для клавиатуры, не зависящий от клавиатуры компонент Svelte для мультивыбора.

svelte-tiny-virtual-list: Маленькая, но мощная библиотека виртуализации списков, с нулевыми зависимостями 💪.

Уведомления Svelte: Чрезвычайно простые и гибкие уведомления для Svelte.

mdsvex: Препроцессор Markdown для Svelte. Markdown в Svelte.

Vest: Декларативный фреймворк валидации, вдохновленный библиотеками модульного тестирования.

vitest-svelte-kit: Автоматическая настройка Vitest из конфигурации SvelteKit.

Спасибо за чтение!

Сообщество и экосистема Svelte становятся все сильнее. Мы видим, что все больше и больше создателей контента работают над своими учебниками по Svelte & SvelteKit, и это хорошо!

Но вместо того, чтобы создавать учебники, мне пришла в голову идея перечислить все полезные ресурсы, которые могут снизить барьер для знакомства с Svelte для других.

Вот и все на этот раз! Надеюсь, у вас будет невероятное путешествие в мире Svelte 🙌.

Вы можете следить за мной в Twitter: @davipon

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *