Microbundle VS data-story

To begin, you need to prepare your environment. A few ways to build a React package include tools like Bit, Storybook, Lerna, and TSDX. However, for this tutorial, you will use a zero-configuration bundler for tiny modules called Microbundle.

I discovered microbundle lately, and I would like to share with you a mini template with the bare essentials and comfort to develop your packages with TypeScript.

For package authoring - microbundle is a handy boilerplate (I would avoid tsdx personally - it’s basically been abandoned for turborepo but that’s not apparent at first glance).

My tech stack was React + Typescript, Storybook for docs, vite.js for build instead of webpack, microbundle for bundling (basically a no-config rollup wrapper), and Google's release please bot for handling release/deployment.

Setting up a modern Typescript or Javascript development stack is a daunting task, there are a lot of moving parts, and sometimes the whole process seems like magic, so I switched to Microbundle. While microbundle handles the compilation, there are a lot of other moving parts that need to be set up to start developing with Nodejs/Typescript (CI, tests, linting, etc). So I've created an opinionated template repository with Typescript, Microbundle, Jest, eslint, husky, prettier, github actions, pnpm, and a bunch of other scripts. It enables me to start developing a library immediately by using the repository as a starter template. Let me know what you think and if some processes could be improved, or some valuable tools that could be added. Pull requests and suggestions are welcomed.

I would recommend starting by using https://github.com/developit/microbundle , as it has pretty good default behavior for generating library output.

Check out microbundle, which is what TSDX started as a typescript alternative to.

I’m quite happy with Microbundle

If you are interested in this kind of thing, feel free to check out the new website: https://datastory.dev.

Here is my repo/turbo.json: https://github.com/ajthinking/data-story/blob/main/turbo.json

Full repo: https://github.com/ajthinking/data-story

Im working on a visual coding tool: https://github.com/ajthinking/data-story would love to get some help

If you are interested in this kind of thing, feel free to check out the demo in the repository: github.com/ajthinking/data-story. Beware its in an early stage, at this point it does not really support geometry other than via JSON based formats. The app is built with ReactJS/TypeScript.

Source: https://github.com/ajthinking/data-story/blob/master/tests/unit/TestableServerNode.ts

Repo: https://github.com/ajthinking/data-story (currently migrating to JS, no npm package yet)