Full-Stack React Projects - Second Edition

Updating App.js

Once the code that's been rendered on the server-side reaches the browser and the frontend script takes over, we need to remove the server-side injected CSS when the root React component mounts, using the useEffect hook.

mern-skeleton/client/App.js:

React.useEffect(() => {    const jssStyles = document.querySelector('#jss-server-side')    if (jssStyles) {      jssStyles.parentNode.removeChild(jssStyles)    }}, [])

This will give back full control over rendering the React app to the client-side. To ensure this transfer happens efficiently, we need to update how the ReactDOM renders the views.