Как в react работать с событием ресайза и как при загрузке определить ширину экрана и поменять стейт?

0xD34F, а чего делайте так window.addEventListener('resize', this.onResize); а не просто this.onResize ?

Такую хрень лучше делать через matchMedia.onchange, чтоб не гоняло стейт почём зря.

Aetae, как скажете.

sergeyviktorovich, а вы подумайте.

0xD34F, а как ширину экрана узнать при загрузке ? чтобы сравнить и где это сделать на 768 ?

sergeyviktorovich, кончайте тупить, в показанном коде всё есть - переходите по ссылкам, и разбираетесь, что и как.

0xD34F, не могу понять почему нельзя на componentWillmount() поменять число карточек с стейт, чтобы не было 2 перезагрузки если я первый раз загружаю приложение и экран 768 ?
не ужели на componentWillmount ширина экрана window.innerWidth не доступна ?

if (window.innerWidth <= 1365) {
            this.setState({ perpage: 18 });
        }
if (window.innerWidth <= 768) {
            this.setState({ perpage: 12 });
        }