Telegram Web
tgoop.com » United States » Svelte [svelt] Public » Telegram Web
Svelte [svelt] Public
Channel created
Svelte [svelt] Public
Channel photo updated
Svelte [svelt] Public
Channel name was changed to «Svelte [svelt] Public»
Svelte [svelt] Public
Rich Harris - Rethinking reactivity.

Доклад Rich Harris на YGLF на тему альтернативы для VirtualDOM, как основной концепции "большой тройки", на примере "исчезающего" compile-time фреймворка Svelte.

На 18:47 Rich сравнивает производительность asynchronus mode (react) и synchronus mode (svelte) на примере демо Dan Abramov'a c React Conf.

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

#events #yglf
YouTube
Rich Harris - Rethinking reactivity
Modern JavaScript frameworks are all about reactivity. Change your application's state, and the view updates automatically. But there's a catch — tracking st...
416 viewsDmitry Kutran, edited  
Svelte [svelt] Public
Svelte 3 QuickStart tutorial.

Автор с нуля пишет ToDo list приложение на svelte, с анимациями, использованием авторизации и баз данных serverless технологии firebase.

Также, наглядно показано, как просто можно интегрировать svelte с любой reactive библиотекой на примере rxjs.

#tutorials #cooking_book #rxjs #firebase #fullstack

https://youtu.be/043h4ugAj4c
YouTube
Svelte 3 Reaction & QuickStart Tutorial
First, we learn some basic concepts in Svelte 3 and how to build reactive UI components with JavaScript. Then we build a fullstack realtime todo list with RxFire and Svelte. https://fireship.io/lessons/svelte-v3-overview-firebase/

- Svelte https://svelte.dev/…
445 viewsDmitry Kutran, edited  
Svelte [svelt] Public
Крутейший svelte-select теперь умеет в Svelte 3! 🥳
https://github.com/rob-balfre/svelte-select/tree/feature/upgrade_to_svelte.v3

p/s Пока его не выложили на npm, поэтому в package.json прописываем так:

"svelte-select": "rob-balfre/svelte-select#feature/upgrade_to_svelte.v3",

#components
476 viewsPavel Malyshev, edited  
Svelte [svelt] Public
Если хотите использовать несколько языков в своем Svelte приложении:
https://github.com/Panya/svelte-intl.

На данный момент наверное единственная, которая работает и с Sapper тоже.

#components
GitHub
GitHub - Panya/svelte-intl: Internationalize your Svelte apps using format-message and Intl object
Internationalize your Svelte apps using format-message and Intl object - GitHub - Panya/svelte-intl: Internationalize your Svelte apps using format-message and Intl object
539 viewsPavel Malyshev, edited  
Svelte [svelt] Public
Отличный пример как реализовать анимированные переходы между страницами в Sapper:
https://github.com/pngwn/svelte-travel-transitions

#examples #sapper
GitHub
GitHub - pngwn/svelte-travel-transitions: Native-like Page Transitions with SvelteKit, A Travel App.
Native-like Page Transitions with SvelteKit, A Travel App. - pngwn/svelte-travel-transitions
561 viewsPavel Malyshev, 
Svelte [svelt] Public
Беседа в видео-чате с автором Svelte Ричем Харрисом:

https://www.youtube.com/watch?v=48gHuY4w0hY

#events #video
YouTube
A Svelte Chat with Rich Harris!
What an exciting episode for you today!Rich Harris, the creator and lead developer of Svelte and Sapper, joins me to talk all about why he made Svelte, what ...
831 viewsPavel Malyshev, 
Svelte [svelt] Public
Илья Климов (@xanf_ua) на AstanaJS#3

https://www.facebook.com/1645352238893157/posts/astanajs3/2292235000867081/

#events #video
600 viewsPavel Malyshev, edited  
Svelte [svelt] Public
Проект RealWorld - fullstack клон Medium, "The mother of all demo apps", был обновлен до Svelte 3 в соответствующем репозитории:

https://github.com/gothinkster/realworld

#examples #realworld
GitHub
GitHub - gothinkster/realworld: "The mother of all demo apps" — Exemplary fullstack Medium.com clone powered by React, Angular…
"The mother of all demo apps" — Exemplary fullstack Medium.com clone powered by React, Angular, Node, Django, and many more - gothinkster/realworld
565 viewsPavel Malyshev, edited  
Svelte [svelt] Public
Простой пример использования тега <template> в Svelte компоненте. Может кому-то и пригодится. ☺️

https://svelte.dev/repl/7af48429e1ca477b83f9f3ad4bce54a5?version=3.5.1

#examples
svelte.dev
Svelte REPL
Cybernetically enhanced web apps
577 viewsPavel Malyshev, edited  
Svelte [svelt] Public
Svelte action предоставляющий возможность рендерить компоненты и элементы в slot без дополнительных DOM оберток.

package: https://www.npmjs.com/package/svelte-fragment
repo: https://github.com/qutran/svelte-fragment

#components #template #fragment
npm
npm: svelte-fragment
Svelte action to render components and elements in slots without DOM containers
566 viewsDmitry Kutran, edited  
2025/07/14 14:24:58
Back to Top
HTML Embed Code: