Size: a a a

2017 September 13

🦉⁣

🦉 ⁣ in 5minreact
Инал Каров
Всем привет!
Делаю галерею на reactjs.
Есть тег img, у которого динамически меняется src.
Проблема в том, что когда изображение большое, и долго грузится, и в этот момент меняется src, то новое изображение не показывается пока не загрузиться предыдущее.
В стейте хранится currentPhoto - индекс фотографии в масcиве photos, и при перерендере по currentPhoto тянется src из photos.
<img src={photos[currentPhoto].url} />

Проблема решается, если img прописывать разные key. Есть ли еще варианты. И кто знает, почему новое изображение не показывается пока не загрузиться предыдущее?
Спасибо!
не в тот чат пишешь
источник

PM

Petr Myazin in 5minreact
Инал Каров
Всем привет!
Делаю галерею на reactjs.
Есть тег img, у которого динамически меняется src.
Проблема в том, что когда изображение большое, и долго грузится, и в этот момент меняется src, то новое изображение не показывается пока не загрузиться предыдущее.
В стейте хранится currentPhoto - индекс фотографии в масcиве photos, и при перерендере по currentPhoto тянется src из photos.
<img src={photos[currentPhoto].url} />

Проблема решается, если img прописывать разные key. Есть ли еще варианты. И кто знает, почему новое изображение не показывается пока не загрузиться предыдущее?
Спасибо!
Меня заинтересовал этот вопрос! Похоже, таково поведение браузера, как минимум Chrome (догрузить старое изображение, лишь потом менять src) https://toster.ru/q/307393 . Решение с key в этом случае выглядит очень удачным: старая нода img демонтируется, новая добавляется и всё выглядит как надо
источник
2017 September 16

PM

Petr Myazin in 5minreact
Англоязычный выпуск 5 minutes of React о Prettier: https://5minreact.audio/018-prettier
источник

PM

Petr Myazin in 5minreact
на русском пока такого нет, налетай!)
источник

Д

Дмитрий in 5minreact
The speech of speaker is very quik
источник

PM

Petr Myazin in 5minreact
Включай замедление! Будет 10-ти минутка)
источник
2017 September 17

PM

Petr Myazin in 5minreact
Свежий выпуск: http://5minreact.ru/35-frontfest2017/
источник

PM

Petr Myazin in 5minreact
Прямая ссылка на скачивание: https://5minreact.podster.fm/35/download/audio.mp3?download=yes&media=file
источник
2017 September 19

PM

Petr Myazin in 5minreact
Для тех кто предпочитает смотреть подкаст на YouTube, наконец залил видео выпуска двухнедельной давности про Moscow Frontend Conference 2017 и BEM React Core https://www.youtube.com/watch?v=umIorSOmu-Y&feature=youtu.be
источник

PM

Petr Myazin in 5minreact
И ещё одно видео только что залил о программе будущей конференции FrontFest в Москве: https://youtu.be/H2IxIBUcgX4
источник

OL

Oleg 🍺 Luchanso in 5minreact
Было бы здорово узнать про ведение документации для React проекта)
источник

PM

Petr Myazin in 5minreact
👌обдумаю эту тему
источник

AG

Alexei Gontar in 5minreact
ну поидее тема довольно холиварная
источник

OL

Oleg 🍺 Luchanso in 5minreact
Petr Myazin
👌обдумаю эту тему
Спасибо большое, интересно узнать как писать документацию к коду, где она должна лежать (на отдельном сайте или рядом с кодом), а также как писать документацию к API, то есть для сторонних сервисов
источник

R

Rustam in 5minreact
Я пользуюсь react styleguidist
источник

R

Rustam in 5minreact
источник
2017 September 21

PM

Petr Myazin in 5minreact
Свежий выпуск подкаста о библиотеке UI компонент от JetBrains: http://5minreact.ru/36-jetbrains-ring-ui/
источник

PM

Petr Myazin in 5minreact
Прямая ссылка на скачивание: https://5minreact.podster.fm/36/download/audio.mp3?download=yes&media=file
источник

PM

Petr Myazin in 5minreact
Видео версия подкаста с обзором Ring UI - выглядит симпатично https://youtu.be/E0d6swYIc_s
источник
2017 September 28

КК

Ковалев Кирилл in 5minreact
Дядьки, есть у кого реальный опыт в wasmе?
источник