так вообще нельзя делать (напрямую работать со стейтом)
нужно всегда использовать setState
ну я поэтому и спросил. Оно то вроде работает нормально, никаких warning'ов не вылазит, но я всегда инициализирую массив заранее, и только потом его через setState записываю.
🦁
Vladimir
А почему не метод? Что ты имеешь ввиду?
get videoBlocks() {
return this.state.case.map....
}
🦁
Ну у тебя уже есть setState который грузит первое видео(вне интервала) , сделай там перебор массива
Alex
ну первую я сразу пофиксил после того как скрин сделал). А вот какой вопрос ещё, нормально будет если я буду вместо массива напрямую пушить в стейт? Например, this.state.videoBlocks.push(...) или так лучше не делать?
в таком плане:
this.setState(prevState => ({
videoBlocks: [...prevState.videoBlocks, new_element]
}));
🦁
а, понял
🦁
Так стоп, а как я могу сделать это в том же setState который грузит первое видео? Ведь на state.videoBlocks[0] будет undefined...
🦁
мб туплю очень, не шарю просто, соре
Alex
что-то и я не пойму логики ваших действий со стейтами, чего вы хотите добиться? сделать прелоад видео? и положить, в стейт, что загрузилось или как?
🦁
нужно чтобы во время preload скрина прогрузились все видео с этого массива и по мере переключения уже были прогружены
Alex
ну так и делайте в таком порядке, проходя по массиву с видео, сохраняйте его в стейт
const files = ['video1', 'video2', 'video3'];
files.forEach(file => {
...preload file...
this.setState(prevState => ({
videos: [...prevState.videos, file]
}));
});
Dmitriy
get videoBlocks() {
return this.state.case.map....
}
Это будет перевычисляется при изменении стейта?
🦁
ну так и делайте в таком порядке, проходя по массиву с видео, сохраняйте его в стейт
const files = ['video1', 'video2', 'video3'];
files.forEach(file => {
...preload file...
this.setState(prevState => ({
videos: [...prevState.videos, file]
}));
});
Не уверен, что сработало... Сейчас попробую задеплоить, ибо на локалке всё очень быстро грузит и понять сложно. В любом случае спасибо
Vladimir
Это будет перевычисляется при изменении стейта?
Это будет перевычисляться при каждом получении этого свойства. Если стейт менять как положено, то все будет ок
🦁
Только я немного не понял на счёт строчки ...preload file...
Dmitriy
Это будет перевычисляться при каждом получении этого свойства. Если стейт менять как положено, то все будет ок
Ну вот в том и дело что апдейт стейта отвязан от ререндера
🦁
Это будет перевычисляться при каждом получении этого свойства. Если стейт менять как положено, то все будет ок
Так даже если такой вариант возможен, чем он лучше чем нынешний?
Dmitry
а тут случайно никто на egghead не скидывается? там опять вкусный скидос
🦁
ну так и делайте в таком порядке, проходя по массиву с видео, сохраняйте его в стейт
const files = ['video1', 'video2', 'video3'];
files.forEach(file => {
...preload file...
this.setState(prevState => ({
videos: [...prevState.videos, file]
}));
});
Dmitry
🦁
Ух бля (2)
ну а тут что не так? Это мой первый опыт в реакт. Я буду рад, если вместо "ух бля" ты просто укажешь на ошибки...
Kirill
ну а тут что не так? Это мой первый опыт в реакт. Я буду рад, если вместо "ух бля" ты просто укажешь на ошибки...
Ну на ошибки вам базовые туториалы и доки укажут.
Dmitry
Ну нужно жс поучить. Да и классы уже не в теме
🦁
Ну на ошибки вам базовые туториалы и доки укажут.
А для чего тогда вообще писать "ух бля" или что-то подобное? Чтобы подчеркнуть свою значимость? Мол, "я умный, а ты тупой", не вижу в этом никакой логики, лучше уже тогда ничего не писать. А базовые туториалы и доки я изучил, и то что выше сделал по ним.
Kirill
А для чего тогда вообще писать "ух бля" или что-то подобное? Чтобы подчеркнуть свою значимость? Мол, "я умный, а ты тупой", не вижу в этом никакой логики, лучше уже тогда ничего не писать. А базовые туториалы и доки я изучил, и то что выше сделал по ним.
1 - Я этого не писал.
2 - Я бы порекомендовал вам ещё пройти раз или посмотреть на open-source проекты на GitHub/GitLab.
🦁
1 - Я этого не писал.
2 - Я бы порекомендовал вам ещё пройти раз или посмотреть на open-source проекты на GitHub/GitLab.
Хорошо, спасибо. Но проблемы с lazy это не отменяет :)
Виктор
Виктор
локализуй проблему. типо минимальный пример(не в текущем проекте) чтобы понять в чем именно проблема - в твоем коде или в новой технологии которая вроде как еще в альфе
🦁
Как я понял саспенс и lazy тут работают правильно (проверил с другими компонентами в этом же проекте). Надо что-то менять в didmount. Пока не могу понять, что именно.
Виктор
попробуй для начала его убрать и добавлять по частям
🦁
локализуй проблему. типо минимальный пример(не в текущем проекте) чтобы понять в чем именно проблема - в твоем коде или в новой технологии которая вроде как еще в альфе
В моём коде ессесна) Я сам понимаю, что он не идеален, просто нужно понять как заранее подгрузить элементы из массива в didmount. Есть мысль отправить их сразу все в render, только с visibility: hidden, и уже по очереди менять им видимость, но это звучит как костыль
сава
А у меня сраная зима
Igor
Раскидай этот ужас в дидмаунте по функциям небольшим и вызывай функции в дидмаунте. так проще будет продебажить, в чём проблема
Dmitriy
В моём коде ессесна) Я сам понимаю, что он не идеален, просто нужно понять как заранее подгрузить элементы из массива в didmount. Есть мысль отправить их сразу все в render, только с visibility: hidden, и уже по очереди менять им видимость, но это звучит как костыль
Почему твой код ещё не в песочнице?
Китикет
Красивый код)
Китикет
Интересно, а зачем все эти мутки, можно же просто загрузить все файлы через Promise.all, и убрать после этого состояние загрузки
Китикет
А потом уже вызывать функцию которая логикой настройки показа занимается
Сергей
У кого нибудь была проблема, нужно получить доступ к глобальной переменной после WebPack сборки. К примеру надо получить обьект настроек которые будут меняться, для того чтобы не запускать заного билд проекта. Есть хороший способ сделать так?
Vadim
Евгений [ : Kyber : ]
Евгений [ : Kyber : ]
Евгений [ : Kyber : ]
Евгений [ : Kyber : ]
Евгений [ : Kyber : ]
всем привет
Подскажите пожалуйста, в чем прикол такого эффекта редакс сага может быть? При срабатывании диспатча в компоненте, оно просто циклически начинает обновление.
Это именно при обработке call() в саге. Но при этом же оно нормально обрабатывает результат. Но вызов идет циклический
Евгений [ : Kyber : ]
уже пробовал кучу вариантов, результат тот же :( Просто постоянно срабатывает начиная от срабатывания первого диспатча
Евгений [ : Kyber : ]
Заранее извиняюсь за качество видео, старался максимально показать проблему.
Задержка такая потому что в компоненте первое срабатывание идет с задержкой
Евгений [ : Kyber : ]
п.с. только учусь, не ругайтесь 😁
Ivan
Можешь более подробный пример привести?
О, мне тоже интересно. Что-то типа переменных окружения, но вычисляемые не во время билда, а в рантайме.
Евгений [ : Kyber : ]
от создателей "фотографий кода с телефона"
😁 ну код я скринами, а видео просто как показатель циклического срабатывания екшенов. Что они начнают бесится и срабатывать постоянно
Ivan
Ты на каждый экшн информерапдейт запускаешь сагу, которая диспатчит этот же экшен. Который запускает сагу, которая диспатчит экшен, который...
Евгений [ : Kyber : ]
Кстати пришла дурная идея причины... Я же выходит запускаю первый раз диспатч, а потом сама сага его триггерит
Евгений [ : Kyber : ]
о, верняк, как я тоже подумал. Спасибо
Выходит сначала диспатч его триггерит, а потом сама сага постоянно.
Ivan
о, верняк, как я тоже подумал. Спасибо
Выходит сначала диспатч его триггерит, а потом сама сага постоянно.
yield put() — это тоже диспатч. Точно такой же, никакой разницы.
Евгений [ : Kyber : ]
ага, выходит я первый раз запускаю диспатч в react component, сага его подхватывает, выполняет действие получения данных с API, затем делает диспатч в стор и этот же диспатч опять подхватывает.
Спасибо, вчера весь вечер просдел, вот что значит спросить, и помогли и сам смекнул в процессе :) Хорошего всем дня
🦁
Долго потому что не мог вытащить прямой линк на видосы из вк))))
🦁
В общем, lazy подгружает только первый видос, а последующие из массива уже нет
Tasen
Tasen
пробовал флексами, но добиться такого результата как на картинке не получилось
David
Сергей
У кого нибудь была проблема, нужно получить доступ к глобальной переменной после WebPack сборки. К примеру надо получить обьект настроек которые будут меняться, для того чтобы не запускать заного билд проекта. Есть хороший способ сделать так?
К примеру config.js (либо в index.html, либо в webpack подключается) - где храниться обьект настроек (например: {
siteName: 'MySite',
years: 2020,
...и т.д.
})
Этот обьект можно поменять в файле и сохранить, и в местах где импортируются эти значения также меняются, без билда всего проекта.
🦜
Dmitriy
https://codesandbox.io/s/exciting-hofstadter-w06vm
С мобилв у меня вообще ниче не загружается.
🦁
хм
Dmitriy
🦁
а бля, я понял
🦁
ну чекни вечером пожалуйста, буду очень благодарен
Китикет
Не пойму зачем тут лейзи
🦁
Не пойму зачем тут лейзи
может я не совсем понимаю, что такое lazy loading. Мне нужно подгрузить все видосы из массива, который в didmount во время преолад скрина. Если тут можно без lazy, то круто.
Китикет
🦁
Хорошо, спасибо
alex
🦁
😁 ну код я скринами, а видео просто как показатель циклического срабатывания екшенов. Что они начнают бесится и срабатывать постоянно
если винда обновлена, то просто тыкай win + g и там есть запись экрана