After delving into Server-Side Rendering (SSR), I’ve discovered that Client-Side Rendering (CSR) also presents some compilation challenges. I need to optimize the folder structure, as I’ve found that the default setup provided by create-react-app isn’t ideal. Since webpack is the bundling tool, I’m exploring how to leverage webpack to bundle a React project directly.

This article provides a good start.

https://medium.com/@claude.ando/setting-up-a-react-project-without-create-react-app-6ff7fea9ca51 and GitHub repo is https://github.com/claudeando/react_101

My version’s GitHub is https://github.com/tutehub/sample-reactjs/tree/develop/test-react-js that I changed folder name to my preference.