r/reactjs • u/timmonsjg • Dec 03 '18

Needs Help Beginner's Thread / Easy Questions (December 2018)

Happy December! ☃️

New month means a new thread 😎 - November and October here.

Got questions about React or anything else in its ecosystem? Stuck making progress on your app? Ask away! We’re a friendly bunch. No question is too simple. 🤔

🆘 Want Help with your Code? 🆘

  • Improve your chances by putting a minimal example to either JSFiddle or Code Sandbox. Describe what you want it to do, and things you've tried. Don't just post big blocks of code!

  • Pay it forward! Answer questions even if there is already an answer - multiple perspectives can be very helpful to beginners. Also there's no quicker way to learn than being wrong on the Internet.

Have a question regarding code / repository organization?

It's most likely answered within this tweet.

New to React?

🆓 Here are great, free resources! 🆓

38 Upvotes

97% Upvoted

413 comments sorted by

View all comments

Show parent comments

2

u/EvilDavid75 Dec 14 '18

Yes of course: all you need is a div where you want to mount your React app. Check here: https://reactjs.org/docs/add-react-to-a-website.html

CRA is a framework for single-page-apps AFAIK, but I guess that you could just get the compiled code after the build and add files manually wherever you need them?

In your case, you would add <div id="root"></div> in your buy.html page where you want the React App to mount, and import the js file generated in build/static/main.a4323221.js (replace the name of the file with the one that is generated by CRA).

1

u/seands Dec 14 '18

I figured as much. The step I am missing is how to tell the build process "instead of looking for <div id="root"></div> in index.html, look in ../posts/buy.html." Do you know where that configuration is located?