Телеграмм чат группы sveltejs страница 6257

Ну я так понимаю самое простое это когда каждый URL разбирается к конкретный .svelte файл, который лежит в /pages и содержит полную сборку странички для заданной маски пути с параметрами (без вложенного роутинга пока)
Важно прозрачный SSR + транзишн при переходе между страницами + объект состояния для грамотного возврата куда нужно если, например, диалоговое окно, которое было вызвано из разных мест, закрывается.

источник

16:02пожаловаться #6

EI

Eugene Ilyin in Svelte [svelt]

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

источник

16:04пожаловаться #7

EI

Eugene Ilyin in Svelte [svelt]

Так нет же

источник

16:04пожаловаться #8

AP

Alexander Ponomarev in Svelte [svelt]

Eugene Ilyin

Ну я так понимаю самое простое это когда каждый URL разбирается к конкретный .svelte файл, который лежит в /pages и содержит полную сборку странички для заданной маски пути с параметрами (без вложенного роутинга пока)
Важно прозрачный SSR + транзишн при переходе между страницами + объект состояния для грамотного возврата куда нужно если, например, диалоговое окно, которое было вызвано из разных мест, закрывается.

звучит как-то неудобно)

источник

16:04пожаловаться #9

EI

Eugene Ilyin in Svelte [svelt]

Alexander Ponomarev

звучит как-то неудобно)

Да, весьма. Ну штош... 8 экспериментов так 8 экспериментов

источник

16:05пожаловаться #10

D

Din Dmitriy in Svelte [svelt]

Arushwl

+ тестил ток...

Я запилил сайтик. Большой минус в том, что он часто обновляется и иногда что-то даже ломается(

источник

16:10пожаловаться #11

A

Arushwl in Svelte [svelt]

https://twitter.com/codechips/status/1343562827852865536?s=20

Книжка про формы в svelte

источник

16:21пожаловаться #12

AR

Alexey Rubinchyk in Svelte [svelt]

Eugene Ilyin

Ну ну насколько я понимаю, вариантов всего 8:
- https://github.com/EmilTholin/svelte-routing (https://github.com/mefechoel/svelte-navigator)
- https://github.com/roxiness/routify
- https://github.com/TehShrike/abstract-state-router
- https://github.com/jorgegorka/svelte-router
- https://github.com/pateketrueke/yrv
- https://github.com/easyroute-router/svelte-easyroute
- https://github.com/AlexxNB/tinro
- https://github.com/PaulMaly/svelte-pathfinder

Надо понять какой из них позволяет делать:
-Smooth transition, чтобы можно было вставлять анимации при переходе между состояниями роутера
- Параметры в URL
- Произвольный объект для передачи контекста приложения
- SSR из коробки

Павел посоветовал tinro. Я уже потестил его, могу сказать что очень простой, удобный и все из выше перечисленного есть из коробки. Единственное я не увидел поддержку SSR

источник

17:03пожаловаться #13

AS

Alexey Solovyov in Svelte [svelt]

Eugene Ilyin

Ну ну насколько я понимаю, вариантов всего 8:
- https://github.com/EmilTholin/svelte-routing (https://github.com/mefechoel/svelte-navigator)
- https://github.com/roxiness/routify
- https://github.com/TehShrike/abstract-state-router
- https://github.com/jorgegorka/svelte-router
- https://github.com/pateketrueke/yrv
- https://github.com/easyroute-router/svelte-easyroute
- https://github.com/AlexxNB/tinro
- https://github.com/PaulMaly/svelte-pathfinder

Надо понять какой из них позволяет делать:
-Smooth transition, чтобы можно было вставлять анимации при переходе между состояниями роутера
- Параметры в URL
- Произвольный объект для передачи контекста приложения
- SSR из коробки

easyroute поможет)
А Произвольный объект для передачи контекста приложения - имеете в виду данные для префетча?

источник

17:28пожаловаться #14

МТ

Марк Танащук... in Svelte [svelt]

Alexander Ponomarev

ну видно что емоушен все ещё лучше)

У эмоушна размер 11 кб и ~200 разрабов, когда у губера 1 кб и ~25

источник

17:35пожаловаться #15

МТ

Марк Танащук... in Svelte [svelt]

https://i.imgur.com/xD1Rgdb.png

источник

17:35пожаловаться #16

МТ

Марк Танащук... in Svelte [svelt]

Артём Никитин

Та же претензия к библиотеке. Может там в каких нибудь реактах можно ещё чего навертеть, возможно, пример у Марка был неудачный - использование библиотеки для того, что и так делается просто.

Если что, я просто скопировал офф пример с сандбокса

источник

17:36пожаловаться #17

AP

Alexander Ponomarev in Svelte [svelt]

Марк Танащук

У эмоушна размер 11 кб и ~200 разрабов, когда у губера 1 кб и ~25

ага, сюда уже скидывали ричтекст эдитор за 2кб с очевидными XSS. В CSS-IN-JS точно так же могут быть как и XSS так и нормальные просадки производительности. Как думаешь что в этих 11кб лишнего что не заметили 200разрабов? =)

источник

17:37пожаловаться #18

МТ

Марк Танащук... in Svelte [svelt]

Alexander Ponomarev

ага, сюда уже скидывали ричтекст эдитор за 2кб с очевидными XSS. В CSS-IN-JS точно так же могут быть как и XSS так и нормальные просадки производительности. Как думаешь что в этих 11кб лишнего что не заметили 200разрабов? =)

Мое дело опубликовать =)
Кому понадобится - хорошо

источник

17:38пожаловаться #19

AP

Alexander Ponomarev in Svelte [svelt]

https://bundlephobia.com/result?p=@emotion/css@11.1.3 где 11кб ты увидел я хз

Bundlephobia

@emotion/css v11.1.3 ❘ BundlePhobia

Find the performance impact of adding a npm package to your bundle.

источник

17:39пожаловаться #20