Svelte [svelt] Public

Официальный канал русскоязычного сообщества SvelteJS

Recent Posts

#sveltekit#rpc

Пользуясь моментом, хочу прорекламировать свой фреймворк сетевого уровня Chord 🙃

https://github.com/chord-ts/rpc

Позволяет не писать кучу эндпоинтов и +server, бесшовно связывает бекенд с фронтендом с сохранением typescript типизации. Уже используется в продакшене и выиграно 2 хакатона с ним 💪

Поддержите звёздочкой, и любая обратная связь приветствуется ☺️

Недельный отчёт

https://www.youtube.com/watch?v=OG70PKD0hEU

---
Этот выпуск посвящен деплою на свой сервер.

Инфы много.Всё немного путанно и небрежно, но как вышло )

7:30 Как деплоить Кит на свой сервер

- конфиг деплоя по коммиту через Github экшены
- конфиг сервера через файл
- настройка caddy proxy
- подключение базы данных sqlite
---

Остальное

⚠️ В Ките запретили экшн функции в layout.server.js

3:40 Как дебажить Кит в VSCode с брейкпоинтами 🔥🔥

Репо примера
https://github.com/theetrain/this-week-in-svelte

46:00 Новые viewport Units

47:40 Как стилизовать компоненты снаружи
(для новичков 👀)

54:20 Sass & Postcss -- как установить и использовать

59:47 Апдэйт пакетов npm / pnpm

#svelte#eslint#plugin

https://sveltejs.github.io/eslint-plugin-svelte/

Svelte-Pathfinder 4.0 By @PaulMaly Released

Теперь абсолютная свобода в управлении состоянием роутинга и URL!

Новый кастомный стор - paramable() и набор встроенных сторов для управления частями URL ($path, $query, $fragment, $url, $pattern, $state), позволяют вносить измения в любую часть URL масимально точечно, подписываться на изменение этих состояний и применять эти изменения к интерфейсу и другим состояниям.

Кроме npm, в комплект поставки входят umd/esm модули, iife/esm бандлы, а также минифицированные cdn версии.

Пробуем на npm | unpkg | jsdelivr

#stores

#svelte#table

https://svelte-headless-table.bryanmylee.com/

#svelte#reatom

https://t.me/sveltejs/218014

#sveltekit by @misharodshtein

Встроенный инспектор

В Kit 1.0.0 появилась экспериментальная функция «Веб-инспектор»

По сочетанию клавиш ⌘(Ctrl)+Shift позволяет инспектировать ваши svelte-компоненты с переходом в код по клику.

Для активации необходимо дополнить конфиг в файле svelte.config.js:

const config = {
 kit: {
  adapter: adapter()
 },

 vitePlugin: {

  experimental: {

   inspector: {

    holdMode: true

 },
};

⚠️ Работает только в 1.0.0

Страница плагина на GitHub

const config = {
 kit: {
  adapter: adapter()
 },

 vitePlugin: {

  experimental: {

   inspector: {

    holdMode: true

 },
};

⚠️ Работает только в 1.0.0

Страница плагина на GitHub

#sveltekit by @misharodshtein

Что нового в ките.

https://t.me/sveltejs/216815

#sveltekit by @misharodshtein

ВышелSvelteKit 1.0 🥳🎉🍺

— Поздравляю всех с выходом ))

———————————

Новый интерактивный учебник

Охватывает Svelte и SvelteKit, готов на 80%.
Посмотреть: learn.svelte.dev

———————————-

Библиотека для аутентификации

Анонс в блоге у Vercel
Сайт решения: authjs.dev

————————————

Встроенный инспектор компонентов

https://t.me/sveltejs/217164

————————————

Обзор от Джеффа Дилейни

https://t.me/sveltejs/217308

#sveltekit#released

https://svelte.dev/blog/announcing-sveltekit-1.0

#svelte#preprocess#react

https://github.com/bfanger/svelte-preprocess-react

#svelte#preprocess#css

https://github.com/fernandolguevara/svelte-multicssclass

#plugin#svelte#preprocess#switch

https://github.com/l-portet/svelte-switch-case

#tutorial#sveltekit#tauri

https://github.com/Stijn-B/tauri-sveltekit-example

#sveltekit#video#tutorial

https://m.youtube.com/playlist?list=PLoKaNN3BjQX0Ch8C6XHjG4K1Q75ugf6yG

#sveltekit#plugin#autoimport

https://github.com/yuanchuan/sveltekit-autoimport

#video#sveltekit#singleton

https://m.youtube.com/watch?v=xhi0m1QZue0

#update#blod#may2022

https://ru.svelte.dev/blog/whats-new-in-svelte-may-2022

#video#sveltekit

https://youtu.be/s6a1pbTVcUs

See more posts

View in Telegram