Size: a a a

2020 September 29

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Константин
Нет, есть просто очевидные вещи, которых ожидаешь от фрэймворка. И если в документации не подчеркивается, что они статичны и применимы только к дом, но не к компонентам, это облегчило бы жизнь
кто ожидает?
источник

К

Константин in Svelte [svelt]
Pavel 🦇 Malyshev
там это не то что ты хочешь же, тут надо явно описывать все варианты и строкой указать не получится
Так я и не хотел строкой, я же импорчу анимации и прокидываю их
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
я вот когда с реакт знакомился ожидал, что можно будет делать так:

this.state.foo = 1;
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
и все проапдейтится
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
базовый же кейс
источник

КС

Кирилл Спасибович... in Svelte [svelt]
я думаю не мало дела в том, что тот же пингвин например пишет - мы НЕ хотим чтобы вы пихали скоупаные классы в компоненты
мы хотим чтобы вы делали так и так на свелте, потому что это опинионатед фреймворк
но из примеров допустим как в итоге получается по ИХ подходу, я видел только засилие тегов и минимальное использование скоупаного css
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Константин
Так я и не хотел строкой, я же импорчу анимации и прокидываю их
я подумал что ты по имени анимации как-то хочешь, а так то это просто функция же и с ней можно делать все что можно делать с функцией
источник

К

Константин in Svelte [svelt]
Pavel 🦇 Malyshev
стоп, ты же говоришь приходится отвлекаться на переделки вроде бы довольно базовых кейсов, а значит где-то есть СНИПЫ/нормативы по этим кейсам, которые кем-то приняты и общеизвестны?
Нет, есть определенные ожидания после того, как читаешь туториалы и доки. Возникают они из-за отсутствия акцентов в документации
источник

КС

Кирилл Спасибович... in Svelte [svelt]
ну да, я тоже бы пропсом передавал если бы прижало
источник

КС

Кирилл Спасибович... in Svelte [svelt]
в чём проблема то
источник

КС

Кирилл Спасибович... in Svelte [svelt]
короче свелт делает очень удобным работу с тегами, а компоненты в его понимании это какие-то виджеты приличного размера (относительно компонента кнопки)
источник

КС

Кирилл Спасибович... in Svelte [svelt]
т.е. leaf components это компоненты третьего мира
источник

К

Константин in Svelte [svelt]
Pavel 🦇 Malyshev
я подумал что ты по имени анимации как-то хочешь, а так то это просто функция же и с ней можно делать все что можно делать с функцией
Ну ты заговорил про статику, и я подумал, что оно прям на месте анализируется в конкретном компоненте. Короче, не так поняли. Видимо, все ок
источник

КС

Кирилл Спасибович... in Svelte [svelt]
с соответствующими неудобствами
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
import * as transitions from 'svelte/transition';

export function mySuperPowerTransition({ name, ...params }) {
 return transitions[name](params);
}

import { mySuperPowerTransition } from './mySuperPowerTransition.js';


<div transition:mySuperPowerTransition={name: 'fade'}>
источник

AP

Alexander Ponomarev in Svelte [svelt]
Константин
Ну ты заговорил про статику, и я подумал, что оно прям на месте анализируется в конкретном компоненте. Короче, не так поняли. Видимо, все ок
ну я посмотрел что генерируется для фейда и там все не так просто, как кажется =)
источник

AP

Alexander Ponomarev in Svelte [svelt]
но в целом я пока глубоко не разбирался и возможно докрутить это не так уж и сложно
источник

К

Константин in Svelte [svelt]
Alexander Ponomarev
ну я посмотрел что генерируется для фейда и там все не так просто, как кажется =)
Я знаю, там довольно сложные алгоритмы
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Pavel 🦇 Malyshev
import * as transitions from 'svelte/transition';

export function mySuperPowerTransition({ name, ...params }) {
 return transitions[name](params);
}

import { mySuperPowerTransition } from './mySuperPowerTransition.js';


<div transition:mySuperPowerTransition={name: 'fade'}>
@Constantine2017, вот тебе решение для строки
источник

КС

Кирилл Спасибович... in Svelte [svelt]
@PaulMaly посмотрел пример плохого дизайна ?
https://t.me/sveltejs/110471
источник