I've been working on learning React as I work my way through the great book, React: Up & Running, Building Web Applications (2nd ed).
However, always setting up a React project can be a bit of a pain (and it takes up quite a bit of disk space with all those dependencies that npm installs).
Try out StackBlitz.com
All you have to do is:
- navigate to the site
- choose a project template (obviously we are going to use the React template)
You may have to create an account on StackBlitz but if you already have a GitHub account (and what self-respecting dev doesn't have a Github account, right? 😁) then you can simply sign in with that account.
All you have to do is start editing your project files right in your browser & you can even have your project hot reload as you make changes.
Here's a snapshot of my current project in the StackBlitz IDE.
Even if you're not doing React projects, you may find one of the other many project types work for you.
- Vue 3
- Angular (with TypeScript)
- React (with TypeScript)
And many more.
Check it out. It's a free resource for single devs & it is really helpful.