DEV Community 👩‍💻👨‍💻

Cover image for Build & Test React Fast with StackBlitz (free)
raddevus
raddevus

Posted on

Build & Test React Fast with StackBlitz (free)

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:

  1. navigate to the site
  2. 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 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)

Update Your DEV Experience Level:

Settings

Go to your customization settings to nudge your home feed to show content more relevant to your developer experience level. 🛠