Skip to content
GSoc Blog [Radis-App]

Benchmarking and performance analysis

Benchmarking and performance analysis, 3rd week1 min read

Radis app uses useState to populate data and maintain state; while this works well for small scale applications, as it becomes better over time, handling errors and state changes will become more challenging. As a result, we decided to include React hook form.

Profiling Data

> Flamegraph


> Rankgraph


> Timeline Graph


> Render Count


Approches to fix this

According to the statistics, the Radis app requires several unnecessary re-renders. I was considering fixing this the traditional method by using React Memo, but after discussing with mentors, we chose to utilise React Hook Form instead (because the Radis app is a type of form).

Thanks .

© 2022 by GSoc Blog [Radis-App]. All rights reserved.
Theme by LekoArts