Svelte [svelt] Public

Channel name was changed to «Svelte [svelt] Public»

15:18

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

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 13:05

Svelte 3 QuickStart tutorial.

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

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

#tutorials #cooking_book #rxjs #firebase #fullstack

https://youtu.be/043h4ugAj4c

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 13:07

Крутейший 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 04:55

Если хотите использовать несколько языков в своем Svelte приложении:
https://github.com/Panya/svelte-intl.

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

#components

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 06:25

Отличный пример как реализовать анимированные переходы между страницами в Sapper:
https://github.com/pngwn/svelte-travel-transitions

#examples #sapper

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, 06:52

Беседа в видео-чате с автором Svelte Ричем Харрисом:

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

#events #video

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, 08:57

Илья Климов (@xanf_ua) на AstanaJS#3

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

#events #video

600 viewsPavel Malyshev, edited 13:56

Проект RealWorld - fullstack клон Medium, "The mother of all demo apps", был обновлен до Svelte 3 в соответствующем репозитории:

https://github.com/gothinkster/realworld

#examples #realworld

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 06:50

Cybernetically enhanced web apps

Простой пример использования тега <template> в Svelte компоненте. Может кому-то и пригодится. ☺️

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

#examples

svelte.dev

Svelte REPL

577 viewsPavel Malyshev, edited 11:15

Svelte action to render components and elements in slots without DOM containers

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

566 viewsDmitry Kutran, edited 20:30

Tic Tac Toe, часть 0: Сравнение Svelte и React

Новая авторская статья на Хабре. На этот раз игра крестики-нолики в сравнении с реализацией на React:

https://habr.com/ru/post/456474/

#tutorials #examples #articles #tic_tac_toe #react

Хабр

Tic Tac Toe, часть 0: Сравнение Svelte и React Tic Tac Toe, часть 1: Svelte и Canvas 2D Tic Tac Toe, часть 2: Undo/Redo с хранением состояний Tic Tac Toe, часть 3: Undo/Redo с хранением команд Tic...

617 viewsPavel Malyshev, edited 13:37

i18n библиотека для Svelte 3 от одного из ведущий мейнтейнеров:

https://github.com/kaisermann/svelte-i18n

#components #i18n

GitHub - kaisermann/svelte-i18n: Internationalization library for Svelte

Internationalization library for Svelte. Contribute to kaisermann/svelte-i18n development by creating an account on GitHub.

826 viewsPavel Malyshev, 05:48

Youtube канал RealToughCandy интро-видео про Svelte.

https://www.youtube.com/watch?v=xmPISx0-knM

#video

643 viewsPavel Malyshev, 08:05

npm: svelte-notifications

Релизнулся прикольный компонент для toast-нотификаций от @usernamus. За что спасибо!

https://www.npmjs.com/package/svelte-notifications

#components #community #notifications #toast

npm

Extremely simple and flexible notifications for Svelte. Latest version: 0.9.98, last published: a year ago. Start using svelte-notifications in your project by running `npm i svelte-notifications`. There are 2 other projects in the npm registry using svelte…

573 viewsPavel 🦇 Malyshev, edited 10:10

npm: svelte-preprocess-css-global

Нужно, чтобы все стили в <style> вдруг стали глобальными, но не хочется везде писать :global(). Воспользуйтесь специальным препроцессором:

https://www.npmjs.com/package/svelte-preprocess-css-global

#components #preprocess #css #global

npm

A Svelte preprocessor to create global prefixed css and postcss styles.

526 viewsPavel 🦇 Malyshev, 10:23

Svelte Cookbook: https://www.youtube.com/watch?v=I5DIcbcXzfE

#video #events #holyjs