How to get data from the server without twitching in React?

Question

React

I am rewriting a web application in React. The data comes from the backend, we display it on the front.

There was no problem before. The data came as the page loaded. And now the page loads, then the data appears, there is a jump on the screen. If there are a lot of blocks with data, the whole site is shaking. It got worse.

How to download data from server without jumps? I thought Gatsby would help with this, but, in the end, I got confused with him. In general, Gatsby is a priority over Next, because the former requires fewer resources. Tell me please.

UPD. Found a video by Gatsby developer Loading and Filtering API Data . It `s that?

Answer 1

Make content-sized stubs if you don't want to do a server-side render. So, for example, Facebook does - it displays stripes instead of text in the feed while it receives data.

Answer 2

Try NextJS . I use - very good