DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 964,423 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
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.

Latest comments (0)

🌚 Friends don't let friends browse without dark mode.

Sorry, it's true.