сет, это когда кликаем по пользователю?

На стадии сета в стор, при получении от сервера

css display grid не ?

css display grid не ?

Мне руками каждому элементу прописывать, какое он положение занимать будет?

Мне руками каждому элементу прописывать, какое он положение занимать будет?

Зачем?

Затем, что по-другому masonry сетку ты не сделаешь

5 мин и я тебе найду

буду благодарен

Тебе нужен masonry для элементов с разной высотой и шириной?

Если да, то скорее всего не найдешь, я искал месяца два назад, все говно, в итоге писал свой)

С высотой будет достаточно Ключевые критерии - Должен работать с ресайзом без визуальных тормозов (а-ля дебаунс) - Если есть транзишн, возможность его отключать - Возможность делать как <Masonry><div /><div /></Masonry> так и <Masonry><ListOfItems /></Masonry> (при условии, что ListOfItems - <><div /><div /></> )

Примерно такая же проблема и с редакторами (почти во всех кривая подсветка кода, или не хватает базовых функций)

https://codepen.io/andybarefoot/pen/XVgmxZ?editors=0100

но там проде есть какой-то хитрый кейст где оно не работает

просто я давденько делал и не помню уже

https://codepen.io/andybarefoot/pen/XVgmxZ?editors=0100

Он не работает)

эээм не совсем понял

С высотой будет достаточно Ключевые критерии - Должен работать с ресайзом без визуальных тормозов (а-ля дебаунс) - Если есть транзишн, возможность его отключать - Возможность делать как <Masonry><div /><div /></Masonry> так и <Masonry><ListOfItems /></Masonry> (при условии, что ListOfItems - <><div /><div /></> )

Из найденных react-masonry криво опубликован react-masonry-component тормозит при ресайзе, ибо завернут в дебаунс 100мс react-responsive-masonry заворачивает в дивы и не работает с фрагментами

тут тип явно указано что и куда поместить ?

эээм не совсем понял

Даже в примере на кодпене, с учетом того, что он знает высоту по сути, криво А у моих блоков вообще неизвестна высота

тут тип явно указано что и куда поместить ?

Именно

Из найденных react-masonry криво опубликован react-masonry-component тормозит при ресайзе, ибо завернут в дебаунс 100мс react-responsive-masonry заворачивает в дивы и не работает с фрагментами

Пиши свой ??‍♂️

Нужна сетка, которая это сама будет разруливать. Чистым CSS такое не сделать

Пиши свой ??‍♂️

да вот же блять, походу придется

ребят в редаксе можно хранить состояние приложение такое как Размер элемента, урл картинок?

ребят в редаксе можно хранить состояние приложение такое как Размер элемента, урл картинок?

У тебя не совсем правильное видение редакса, если такие вопросы есть

Но вообще да, можно

ну я так понимаю он для стейтов просто

а такие данные лучше в переменных хранить?

вообще мне нужно чтобы при ресайзе компонента его размер получали все подписчики

http://w3bits.com/css-masonry/

я так понял что ты еще и контроль за их порядко теряешь

такие дела

ну блин, оно как бы сделано для текста

hunt.com вот так нужно?

это что за продукт?

это что за продукт?

Приложение для стримов пилит.

Йеп

Вот чел пишет что тоже пробовал много масонри, но все они не достаточно перфомант, и в итоге он написал свой layout engine

https://hackernoon.com/masonry-in-react-a-performance-hell-fb779f5fcebd

Isotope, Packery, Masonry.JS, Bricks.JS

То что он тестил И там у него гитхаб есть на его сайте, но я не нашел нигде его масонри, мб плохо искал

То что он тестил И там у него гитхаб есть на его сайте, но я не нашел нигде его масонри, мб плохо искал

https://github.com/coleturner/react-components/blob/master/Masonry/View.js

То что он тестил И там у него гитхаб есть на его сайте, но я не нашел нигде его масонри, мб плохо искал

У него ограничения написанны в секции "features" ?

https://github.com/coleturner/react-components/blob/master/Masonry/View.js

У меня 404 выдает

Ребят, я это все видел и читал

У меня 404 выдает

У меня работает :/

https://github.com/coleturner/react-components/blob/master/Masonry/View.jsx

то ли гитхат тупит, но я смотрел эту репу и там было пусто

в любом случае да, вот masonry и по ограничениям вроде он подхордит

ERROR: S client not available

высоту элементов знать не нужно

ребят, как реализовать следующее, на странице есть 2 банера (блока), один в самом верху, второй в самом низу, когда листаешь вниз должен верхний скрыватся, когда верх, нижний скрыватся. У меня один родительский блок, в нем 2 дочерних (верстка блоков), я на div в родительском повесил обработчик, вышло так но не работает <div className="wrapper" ref={(scroller)=>{this.scroller = scroller}} onScroll={this.hadlerScroll} > <Header/> <Fouter/> </div> hadlerScroll = () =>{ console.log("1", this.scroller.scrollTop ) };

Здравствуйте,подскажите ,пожалуйста ,а как можно получить компоненте в componentDidMount - about? Это в контейнере: <Header deTails={deTails} about={details.details} error={details.error} />

Здравствуйте,подскажите ,пожалуйста ,а как можно получить компоненте в componentDidMount - about? Это в контейнере: <Header deTails={deTails} about={details.details} error={details.error} />

this.props.about

нет, приходит что пусто

точнее вообще ничего не приходит

но в render return данные есть

Здравствуйте,подскажите ,пожалуйста ,а как можно получить компоненте в componentDidMount - about? Это в контейнере: <Header deTails={deTails} about={details.details} error={details.error} />

Делай проверку в дидаптейте на наличие пропа и ебаш свой сайд эффект

Если тебе в стейт то gdsfp

Здравствуйте,подскажите ,пожалуйста ,а как можно получить компоненте в componentDidMount - about? Это в контейнере: <Header deTails={deTails} about={details.details} error={details.error} />

deTails

точнее вообще ничего не приходит

Магия

deTails

Да, но это как раз работает, а на about ругается, что не знает что такое props

Я про ошибку написания Или так и задуманно?

Так задумано)

Просто так захотелось, на тот момент

Что бы не запутаться

Потом исправлю

народ, как отлаживать в react ? что бы когда ставлю debuger; не было мусора в виде es5

народ, как отлаживать в react ? что бы когда ставлю debuger; не было мусора в виде es5

Sourcemaps

/

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

https://gist.github.com/KamMif/8d011b9bf6a200042d740ab23792039d

и как делать правильно, если в коде не верно

подскажите где ошибка...

<div id="example"></div> <script type="text/babel"> var Block = React.createClass ({ render: function () { return (<h3>123</h3>); } }); ReactDOM.render (<Block />, document.getElementById("example"));