Create React App is a tool which you can use to write React websites which use JSX.
Create React App uses Webpack under the hood, it takes all your
.js files and 'inlines' (merges) them into one big file.
It builds your code, processes it, and puts it into a folder with a single
How it does this, and the details of what it's doing are unfortunately not very transparent.
yarn start runs Create React App in dev mode you can open http://localhost:3000 in your browser to see your site, the page will refresh as you make changes.
yarn build builds the site into the
./build folder for production use.
.svg files for example.
To import other file types you can say:
Create React App comes with the functionality to eject to Webpack. In my experience this is usually a bad idea.
I recommend using this seed project I've prepared: https://github.com/functioncamp/create-react-app-seed, there are instructions on how to get started with it on your computer in the readme.
If you'd rather do it via a website: you can use the seed on replit. Just fork the project, click the 'shell' tab and run
yarn install and then
yarn start (it can be slow...!)