Понимаю, что автор проблему хочет решить более нативным способом, но я вижу вариант, в использовании redux-form
Конечно, при условии, что у вас redux в проекте.
mikoniyan, С макетами лучше не станет.
Макеты для SPA не очень то отличаются от макетов статичных сайтов. Суть в том, что на реакте, как правило делают приложения, а не сайты. Вот и надо учится делать приложения.
Обычно советуют сделать какой нить ToDo лист.
Но я не знаю, меня на работе в свое время сразу в омут с головой бросили.
Почему подозрительно? мне кажется для фуллстека это нормально, сам когда то с PHP начинал, потом начал изучать верстку, js, после первый angular, а после react (когда он уже вышел)
Jeket, нет это не странно, не все же пользуются реактом. react-devtools можно просто поставить в хроме , через меню->дополнительные инструменты->расширения
Тут много способов, к прримеру, определить, что index === последнему элементу и если они равны, то вызывать отпределенное событие.
Последний элемент можно просто вычислить, посчитав кол-во элементов.
Да, я бы все отдельно стилизовал, чтоб модульность поддерживать.
Тоже касается и h3, img и других тегов. Но конечно много ещё зависит от вашего дизайна, и есть ли у вас в фирме отпределенный набор стилей для повторяющихся элементов.
Ну просто как вы формируете таблицу?
У вас есть массив объектов со столбцами, внутри каждого столбца массив объектов со строками.
После события updateDimensions(в меньшую сторону), вы меняете кол-во столбцов до двух, и пересобираете данные, сохранив после этого их, через setState.
Компонент подхватывает изменение и таблица видоизменяется.
kaleon, Как вам удобнее будет, если вы хотите транспанировать таблицу, то проще пожалуй иметь две таблицы. А если уменьшать кол-во столбцов, то и одной хватит.