Setting up your dev environment
Rather than reinventing the wheel, I will simply gather a whole bunch of useful resources I used when first setting up and starting with React JSX…I used Vite, and I would recommend you to do the same.
It is simple, smooth, and intuitive. Once you get comfortable messing around with Vite and grasp the React fundamentals…then Next.js would be the next stop…then typescript.
Useful Resources:
If you prefer to read, this is an excellent explanation with many more online: https://medium.com/@terencehughes450/vite-react-a-beginners-guide-to-lightning-fast-web-development-91592f745f10
If you prefer to follow along and watch, here ya go: https://www.youtube.com/watch?v=8vh5dmBaVQw&t=5s
or