Ask HN: How to performance test React webapps for rendering speed regressions?

Re:Ask HN: How to performance test React webapps for renderi... by mmckelvy on Tuesday May 21, 2019 @12:18PM (#19971621)

> As React webapps get large and start to contain a lot of complex components, they often do not perform well and manifest low FPS in browser.

Is this something you have actually experienced? Can you cite an example of running into this issue? I've built fairly complex UIs with React (tables with nested dropdowns, financial statements with a lot of data points, dynamic charts / graphs, elements with animations, etc. and haven't run into this issue.

The only time I've seen people have trouble w/ performance is when they use something like Redux or Apollo on top of React. The problem in those cases of course is Redux or Apollo, not React itself.

[ Parent | on HN ]

Re:Ask HN: How to performance test React webapps for renderi... by badestrand on Tuesday May 21, 2019 @02:59PM (#19973601)

I'm not OP but at work we have a actually not-so-complex website that takes a full second to render a new page when switching, on my MacBook. On production and without loading anything via the network.

I blame it on create-react-app, which feels very very bloated to me. Whenever I write React from scratch it feels super performant, even with Redux and much more complex layouts than the page I mentioned.

[ Parent | on HN ]

Re:Ask HN: How to performance test React webapps for renderi... by petetnt on Tuesday May 21, 2019 @03:45PM (#19974105)

Hi,

as a Create React App maintainer I'd love if you could share some scenarios where CRA itself would cause performance issues. CRA itself is mostly just developer tooling and every other feature is opt-in. The team and many contributors (including people on WebPack team) have spent quite a lot of time on optimizing the production builds CRA produces; building an React only app won't have much else than React and React-DOM itself, while we also automatically do more advanced things like bundle spitting too.

[ Parent | on HN ]

Re:Ask HN: How to performance test React webapps for renderi... by zackify on Tuesday May 21, 2019 @09:56PM (#19977055)

Create React app includes almost no extra client facing code other than react. There is an issue with how you made the application.

[ Parent | on HN ]

Re:Ask HN: How to performance test React webapps for renderi... by ggregoire on Tuesday May 21, 2019 @10:26PM (#19977192)

That's like saying VSCode makes your site slower.

[ Parent | on HN ]