Блог на ReactJS

Question

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

Answer 1

Товарищ @Huskey вам всё верно сказал, используйте грид и задавайте нужные размеры.

Сохраняете данные постов в state

const [posts, setPosts] = useState([])

Обновляете state при добавлении нового поста

const newPost = (newPost) => setPosts([...posts, newPost])

Рендерите всё это дело

return <div className='grid'>{posts.map((p, idx)=> <div className={idx===0 ? 'first' : 'notFirst'}>{p.name}</div> )}</div>

С css думаю сами разберётесь.