Today we’re officially launching Vulcan! Vulcan is a brand a new extension to Chrome’s DevTools that lets you easily inspect the data inside your Firebase.
Vulcan is the newest addition to Chrome’s DevTools. Named after the Roman god of fire, Vulcan sits as a tab right next to the tools you’re familiar with.
Vulcan is designed to improve your experience building apps. It removes the need to constantly switch back and forth between your browser and your database inspector, giving you immediate feedback on how changing data affects your application. As a result this decreases time between iterations and helps you ship better quality products, faster.
Vulcan makes interacting with your data a breeze. Here are some of the features we’ve built in:
You can use Vulcan inside Chrome DevTools, or you can include a script tag that displays Vulcan as a modal in the lower right of your app.
You can create, read, update and delete data for a specific Firebase.
You can modify the structure of your Firebase by adding a child, adding a branch, or adding arbitrary JSON to any node.
You can input an admin token, which enables editing privileges for secured data.
Vulcan was built using React, Sass, Grunt, and Firebase.
We chose React because of its efficient rendering engine. Firebase databases can be arbitrarily large JSON objects and displaying/updating a large numbers of nodes is where React shines. In addition, React takes a modular approach to components that works seamlessly with Firebase. Since Vulcan is more of a module than a full-blown app, React’s lightweight approach is a great fit.
Vulcan is an open source project. If you’re interested in contributing, forking, or simply reading the source code it’s available on Github. We look forward to your feedback, ideas, and help. If you run into any issues or have a feature request, please open a ticket on the Github repo.
Vulcan is free and you can get it from the Chrome App Store. Once installed, you’ll see a Firebase tab in the Chrome Dev Tools console.
Finally, we’re currently looking for frontend developers! Vulcan was created during one of our experiment weeks at Firebase. We dedicate an entire week every two months to experimental projects outside of our regular work (The winning team gets the covetted plastic karate trophy). If that piques your interest, we’re hiring!