React App Performance¶
CSR vs SSR¶
CSR is Client Side Rendering, SSR is Server Side Rendering. E.g. create-react-app
is a CSR tool, and next.js
is a SSR tool.
Here is an articles to start with: Next.js (SSR) vs. Create React App (CSR) by John Tucker.
CSR Performance¶
Important actor in making CSR more performant is react-snapshot
, a zero-configuration pre-renderer for React apps. Read more on this in the following article: An Almost Static Stack by Charlie Gleason.