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).
StackBlitz
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.
Get Started In Your Browser
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.
StackBlitz Project Types
Even if you're not doing React projects, you may find one of the other many project types work for you.
- Vanilla JavaScript
- Vue 3
- TypeScript
- Bootstrap5
- Angular (with TypeScript)
- RxJS
- NextJS
- Nuxt3
- React (with TypeScript)
- React (with JavaScript)
- HTML5
- SvelteKit
And many more.
Check it out. It's a free resource for single devs & it is really helpful.
Top comments (0)