I want to compile my react(jsx) into html that the browser can read, but even after running the "npm run build" command, the index.html file in the build folder is still empty after I open it in my browser

Please how can I compile my react app





Also is it just me or does nairaland look different

What do you want to do?
Have you done react before or this is your first

npm start

Qtrpst4:
What do you want to do?
Have you done react before or this is your first

I want to compile my react app

If you have already started then npm start
But if you are yet to start
(a) "npx create-react-app <the name of your project>
(b) cd <your project name>
(c) npm start

Fourpockets:


I want to compile my react app

After building your react app you won’t find your compiled Js in the index.html file as this would always be empty. Your compiled react app IS the bundle.js file.
If you’re trying to see what your react app looks like after it’s been compiled, don’t bother; it’s not a bunch of html tags and JS, it’s a gigantic unreadable file.

Rgade:
After building your react app you won’t find your compiled Js in the index.html file as this would always be empty. Your compiled react app IS the bundle.js file.
If you’re trying to see what your react app looks like after it’s been compiled, don’t bother; it’s not a bunch of html tags and JS, it’s a gigantic unreadable file.

Oh, I saw the file and opened it in my browser but it still can't read it, what if I want to host the file?, Is that the only file I'd have to upload ?

Qtrpst4:
If you have already started then npm start
But if you are yet to start
(a) "npx create-react-app <the name of your project>
(b) cd <your project name>
(c) npm start

I've done those already and finished building the react app. It's remaining for me to deploy it or upload it to GitHub

Fourpockets:
I want to compile my react(jsx) into html that the browser can read, but even after running the "npm run build" command, the index.html file in the build folder is still empty after I open it in my browser

Please how can I compile my react app





Also is it just me or does nairaland look different

Install an npm package called serve globally thus:
npm install -g serve. Then run the app thus:
serve -s build

Fourpockets:


Oh, I saw the file and opened it in my browser but it still can't read it, what if I want to host the file?, Is that the only file I'd have to upload ?

You still can’t read it? As in you don’t understand it’s content? Well you shouldn’t be able to. You shouldn’t be concerned about your bundle.js file as long as your app’s working fine.
Nah you can’t just upload the file for hosting, you need the entire build folder for that.

Fourpockets:


I've done those already and finished building the react app. It's remaining for me to deploy it or upload it to GitHub

If your concern is just to host your app, then don’t bother yourself about the build process, at least at this stage.
You can just use Netlify for hosting. It takes care of the build process for you. Just push your code to a GitHub repo then go to netlify and link that repo.

Rgade:

You still can’t read it? As in you don’t understand it’s content? Well you shouldn’t be able to. You shouldn’t be concerned about your [b] bundle.js [/b]file as long as your app’s working fine.
Nah you can’t just upload the file for hosting, you need the entire build folder for that.

Just to be clear,
By bundle.js do you mean these Js files

Fourpockets:

Just to be clear,
By bundle.js do you mean these Js files

Yeah. In your browser it’ll be bundled to one bundle.js file.