AP
особенно учитывая что используется postcss-import
Size: a a a
2021 November 22
AP
и пофайловая обработка
AP
это самый кайфовый способ отстрела ног дублированием цсс файлов просто заимпортив одно и то же в 2 разных файла
AP
хотя мб там свой load прокинут
AV
MS
Камрады, вопрос по самым азам Свелта. ( да и по Реакту заодно )
Как правильно соотнести аналоги различных инициализаций?
let varName == const [varName, fn] = useState() == constructor(){ this.state = {varName}} == data(){return {varName} } == ref({varName})
export let varName == ({varName}) == constructor(){ super(props) } == props: [ 'varName' ] == props: [ 'varName' ]
function == function == function == watch / computed / methods == watch / computed / methods
export function == ??? == function == watch / computed / methods == watch / computed / methods
$: == useEffect() / useMemo == ??? == watch / computed == watch / computed
<script> ... </script> == ??? == ??? == ??? == ???
<html /> == render == render == template / render == template / render
onMount == useEffect( ??? ) == componentDidMount == created / mounted == created / mounted
beforeUpdate == useEffect( ??? ) == ??? == beforeUpdate == beforeUpdate
afterUpdate == useEffect( ??? ) == componentDidUpdate == updated == updated
onDestroy == useEffect( ??? ) == componentWillUnmount == unmounted??? == unmounted???
Как правильно соотнести аналоги различных инициализаций?
let varName == const [varName, fn] = useState() == constructor(){ this.state = {varName}} == data(){return {varName} } == ref({varName})
export let varName == ({varName}) == constructor(){ super(props) } == props: [ 'varName' ] == props: [ 'varName' ]
function == function == function == watch / computed / methods == watch / computed / methods
export function == ??? == function == watch / computed / methods == watch / computed / methods
$: == useEffect() / useMemo == ??? == watch / computed == watch / computed
<script> ... </script> == ??? == ??? == ??? == ???
<html /> == render == render == template / render == template / render
onMount == useEffect( ??? ) == componentDidMount == created / mounted == created / mounted
beforeUpdate == useEffect( ??? ) == ??? == beforeUpdate == beforeUpdate
afterUpdate == useEffect( ??? ) == componentDidUpdate == updated == updated
onDestroy == useEffect( ??? ) == componentWillUnmount == unmounted??? == unmounted???
М
@volodya11let выходи, к тебе пришли
М
Володя (@volodya11let) сейчас кушает, позже выйдет гулять))
MS
Ладно, пока Володя кушает, может кто хотя бы подскажет по <script> ... </script> , когда вызывается этот код? Чему он соответсвует?
AP
useEffect/useLayoutEffect/componentDidMount -> onMount
useEffect/useLayoutEffect/componentDidUpdate -> afterUpdate
useEffect/useLayoutEffect/componentWillUnmount -> onDestroy (с оговорками что в свелте работает на SSR)
useEffect/useLayoutEffect/componentDidUpdate -> afterUpdate
useEffect/useLayoutEffect/componentWillUnmount -> onDestroy (с оговорками что в свелте работает на SSR)
AP
ну и все это довольно грубо, потому что в реакте очередность эффектов между компонентами строго определена, а в свелте кто в лес кто по дрова. То что ты напишешь будет переставлено, то что не будет переставлено все равно будет выполняться непонятно в каком порядке между детьми родителями и братьями
AP
ну и еще в свелте есть $: (async () => { await tick(); effect() })(); которым можно заменить эффект, но это опять же все хрен пойми в каком порядке будет выполнено
MS
Спасибо! Получается, в реакте не отделить онМаунт от онАпдейт?
AP
отделить, componentDidMount, compnentDidUpdate
MS
Так, а let varName тогда что делает?
Разве let varName не является аналогом для const [varName, fn] = useState()?
Разве let varName не является аналогом для const [varName, fn] = useState()?
AP
с эффектом тоже можно отделить