Client-Side Rendering (CSR)

A standard React app is rendered once the JavaScript bundle has been transferred from the server to the client. If we’re familiar with create-react-appcreate-react-app is a command-line tool developed to create a new React application. It sets up the development environment so we can use the latest JavaScript features, provides a nice developer experience, and optimizes our app for production., we may have noticed that right before the web app renders, the whole web page is entirely white. That’s because the server only serves a very basic HTML markup, which contains all the required scripts and styles to make our web app dynamic. Let’s take a closer look at the HTML generated by CRA:

Get hands-on with 1200+ tech skills courses.