Допилил вторую версию решения masonry раскладки через экшн и resize observer. Последний нужен, так как решается проблема с прогруженными картинками после первичной отрисовки раскладки. И в целом, ощущается производительнее на моем ноуте, чем вешание слушателя resize на window.

Хотелось бы выслушать ваше мнение и советы.

Еще, есть косяки. Если менять размеры, то иногда в одном месте обязательно gap будет больше необходимого. Не понимаю, почему...

https://svelte.dev/repl/7717c14cbaaa4ba8a0f1c5eaf7f2a08e?version=3.30.0

а можешь в двух словах, о чём это?

ну т.е. какую задачу это решает

Мне нужна раскладка masonry, как на pinterest

аа

Это сетка, где елементы берут столько места по высоте, сколько нужно. Удобно, когда контент разного размера

Мне нужна именно эта раскладка, поэтому хочу сделать более или менее оптимальный вариант)

крутота

дай имя для repl я сохраню у себя ))  сейчас имя Hello world

Спасибо) Если получится сделать, хочу попробовать первый компонент на npm опубликовать😅

Секундочку)

самое забавное, что я нечто подобное делать собирался для личного проектика

👌🏼

Разве вебпак умеет такой tree shaking, как rollup?

Классная штука. Скоро будет официальное решение на CSS Grid. Сейчас только у лисы завезли, под флагом

👍

если сюда драгндроп каким-то образом приспособить, цены компоненту не будет )

Я попробую, как доработаю)

css grid? Не понял, его ж все поддерживают давно )