Привет ?! Я Дэвид Пенг.
В этой статье я поделюсь некоторыми полезными учебными ресурсами и пакетами 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