StackBlitz Monthly Update Post: September 2022
Tags: webdev, wordpress, opensource, news
Published: 2022-10-06 23:04:47

Hello everyone!

At StackBlitz, we have been working hard on the new tools that will premiere at [ViteConf](https://viteconf.org/) and that I believe will be truly game-changing for Open Source maintainers. 

The release will happen before a significant crowd: at this moment, **21,000 devs** registered to attend ViteConf! If you haven’t yet, [click here to get your free ticket](https://viteconf.org/). Here's mine:


![My ViteConf ticket](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4t5q5pdjzdjsxnubx7jv.png)

Meanwhile, we have been pushing updates and cheering for our community!

**Today we are bringing you:**

- [StackBlitz in the wild: news from our community](#stackblitz-in-the-wild)
- [DX & Compatibility improvements: the change log](#dx-%26-compatibility-improvements)
- [New Teammates: our team has grown - do you wanna join, too?](#new-teammates)
- [Quick bites for the road](#quick-bites-for-the-road)

I hope you’ll have a wonderful month!


---

## StackBlitz in the wild

- **Does running WordPress in the browser without a PHP server sound like fun?** Here’s [a delightful writeup on spinning it on StackBlitz](https://make.wordpress.org/core/2022/09/23/client-side-webassembly-wordpress-with-no-server/) thanks to WASM. We may soon be able to run an in-browser WordPress IDE - something to look forward to!
- Wanda has just released a beautiful [Design System components playground](https://twitter.com/equinusocio/status/1566752940127395840?s=21&t=Hi7kYmst3ZlttNHl04Y-tw) powered by StackBlitz - have a look:
![Wanda playground](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ugbeppukmrmjbzld4wba.png)
- tRPC, a library used for building fully typesafe APIs, added a StackBlitz demo [on their homepage](https://trpc.io/?v=10#try-it-out) and we love to see it!
- Matt Pocock is soon releasing [Total TypeScript](https://www.totaltypescript.com/tutorials), a comprehensive course on TypeScript, which **uses StackBlitz to help users learn as they watch the videos without leaving the browser**.
- [Token CSS](https://tokencss.com/) is a new tool that seamlessly integrates Design Tokens into your development workflow - you can launch a Token CSS demo with a single click!
- Josh Morony created a bash script to instantly launch a fresh Angular app for test code, **which publishes the app on StackBlitz** 🚀
{% embed https://twitter.com/joshuamorony/status/1567483037906259976?s=20&t=JQyL8lG5pnKvU3gjde6hQg %}
- [neodrag](https://www.npmjs.com/package/@neodrag/vanilla) has just dropped. It is a lightweight plain JS library that makes your elements draggable. You can play with it [in this demo](https://stackblitz.com/edit/typescript-wvnloa?file=index.html).
- And finally, oh so many StackBlitz starters to choose from in the [whyframe docs](https://whyframe.dev/docs/overview/#quick-start)! whyframe is a library that “gives iframes superpowers, making it easy to render anything in isolation”.

---

## DX & compatibility improvements

As we’re working on new tools, we are finishing the month with a whole plethora of improvements:

- **Bug fixes and improvements**
  - Updated our dashboard with new project starters: effector, NativeScript (mobile section), Quasar, Remotion, VuePress, VitePress.
  - Our dashboard now features a description of each of the projects instead of the project slug.
  - New repositories now have their name as a header in the README instead of the project slug.
  - Introduced improvements to the [Console](https://developer.stackblitz.com/docs/platform/ide-whats-on-your-screen/#console) components (for [EngineBlock](https://developer.stackblitz.com/docs/platform/available-environments/#engineblock) projects):
    - Added support for `console.table`
    - Fixed the display of `NaN`, `Infinity` and `-Infinity` values
    - Improved the color contrast and readability of console log items.
    - Improved the responsiveness of the Console when logging over hundreds of messages.
  - Improved StackBlitz [EngineBlock](https://developer.stackblitz.com/docs/platform/available-environments) error messaging when a library referenced from the code has an entry point file that does not exist in the package.
  - Fixed issue in the EngineBlock projects with importing `ace-builds` package due to the way that it handles AMD and the way that it specifies a webpack file-loader in its `webpack-loader.js` file.
  - The ace editor library entry point overrides the require function with its own custom logic (amd loader).
  - Fixed a bug `Ctrl+S` / `Cmd+S` not saving project if all tabs are closed.
  - Fixed an issue where a standalone preview tab would get stuck in the loading state if the StackBlitz project had some sort of error. These errors are now shown to the user.
  - When reloading the page, now the previously displayed screen is copied and displayed for up to 3 seconds.
  - Updated our icon set to use Microsoft’s [Codeicons](https://github.com/microsoft/vscode-codicons) in more places.
  - Fixed an issue with the dashboard's project list not showing the “Delete this project” menu entry.
  - Now user can open the commit dialog in the auto commit mode by `alt`+`click` on the commit button ([GitHub Issue #2034](https://github.com/stackblitz/core/issues/2034) fix).
  - Clarified the UI shown when opening a binary file in the editor.
  - Binaries are now preserved when you connect git repository to a project with binaries ([Github Issue #787](https://github.com/stackblitz/webcontainer-core/issues/787) fix).
  - Fixed the storage quota exceeded error, by using `indexeddb` instead of `localstorage`.
  - Clarified context for options in the user menu.
  - Now user can use git integration with GitHub "Keep my email addresses private" setting on ([GitHub Issue #1963](https://github.com/stackblitz/core/issues/1963) fix).
- **Blog**
  - Replaced the generic social image and added the new social image for category index pages.
  - A specific title to each Category page, instead of showing generic `StackBlitz::Blog` title.
  - Implemented the new Netlify build image (the new Ubuntu 20.04 images).
- **Docs**
  - Created and added numerous demos, like for example this project that showcases all [open file options](https://developer.stackblitz.com/docs/platform/javascript-sdk/#openfileoption).
  - Updated the list of the custom project starters with these friends:
    - [analogjs.org/new](https://analogjs.org/new)
    - [ladle.dev/new](https://ladle.dev/new)
    - [NativeScript](https://nativescript.org/):
      - TypeScript: [nativescript.new](https://nativescript.new/)
      - JavaScript: [nativescript.new/javascript](https://nativescript.new/javascript)
      - Angular: [nativescript.new/angular](https://nativescript.new/angular)
      - Vue: [nativescript.new/vue](https://nativescript.new/vue)
      - React: [nativescript.new/react](https://nativescript.new/react)
      - Svelte: [nativescript.new/svelte](https://nativescript.new/svelte)
    - [node.new/nx](https://node.new/nx)
    - [qwik.new](http://qwik.new/)
    - [rakkasjs.org/new](https://rakkasjs.org/new)
    - [storybook.new](https://storybook.new)
    - [vitepress.new](https://vitepress.new)
  - Refreshed content across the docs platform.

---

## New Teammates

Our team has grown! Please meet:

- **[Yuka Masuda](https://twitter.com/ykmsd/status/1570511500661628928)**, a front-end engineer, a community organizer, a talented knitter, an inspiring baker, and a loving human to a shiba inu 🐕
- **Dave McChesney, an Enterprise Account Executive**, a skilled archer, a true enthusiast of the outdoors, and a pet parent to two wonderful poodles 🐩

Are you looking for a ✨ nurturing ✨ team to join? We have roles open for software engineers ([a senior Rails engineer](https://jobs.lever.co/stackblitz/26053a78-242e-400b-aa09-c0e322a2a040) and [a senior TypeScript/Rust/Nodde.js engineer](https://jobs.lever.co/stackblitz/7ccd2472-1416-4448-8642-e58e9b32e129)), as well as a [Product Marketing Manager](https://jobs.lever.co/stackblitz/24620a2c-26da-4eb7-bfad-5e20b10a66c5).  

Here are three tweet threads on how it is to work with us: 
{% embed https://twitter.com/SylwiaVargas/status/1479224585899888640 %}

{% embed https://twitter.com/fvsch/status/1493877657699819523 %}

{% embed https://twitter.com/SylwiaVargas/status/1533109972518715393?s=20&t=h7A5CQ-a0-qGqBqDonhozQ %}

Wanna learn more? Feel free to reach out!


---

## Quick bites for the road

- Are you ready for ViteConf? Our team member, [Patak, spoke recently to the Storyblok folks](https://www.youtube.com/watch?v=nKnw-AYIntw) about some of the marvels awaiting you there!
{% embed https://youtu.be/nKnw-AYIntw %}
- Here’s [an article predicting a looming end of the localhost](https://thenewstack.io/the-rise-of-cloud-development-and-the-end-of-localhost/), inspired by Swyx’ [blog post.](https://dx.tips/the-end-of-localhost)
- Puru Vijay, our team member spoke recently at Svelte Summit [on how to migrate React libraries to Svelte](https://www.youtube.com/watch?v=pJcbZr5VlV4&t=18400s)
- Do you already have [a ticket for ViteConf](https://viteconf.org/)? Just in case, it’s an online and free conference with an all-star speaker list celebrating the web ecosystem at large. Excited? See you on 11-12 October 2022!

---

## What’s next?

We are so excited for what the nearest future will bring — we are cooking something really special for you! In the meantime, stay tuned on [Twitter](https://twitter.com/stackblitz) or join our [Discord community](https://discord.gg/stackblitz).