Full-Stack React Projects - Second Edition

PlayMedia view with JavaScript blocked

When JavaScript is blocked in the browser, the PlayMedia view should render with only the media details populated. But the user interface is no longer interactive as JavaScript is blocked, and only the default browser controls are operational, as shown in the following screenshot:

This is the markup that a search-engine bot will read for media content, and also what a user will see when no JavaScript loads on the browser. If this implementation for SSR with data was not added to the application, then this view would render without the associated media details in this scenario, and hence the media information ...