DataStory 💫

🛠️ Real-time, observable, Flow-based programming for React, Node.js and VS Code. Docs | Playground

VS Code extension

A preliminary implementation is available under name ds-ext.

Usage with React

import '@data-story/ui/data-story.css';
import { DataStory } from '@data-story/ui'

export default function Home() {
  return (
    <main className="h-screen">
      <DataStory />
    </main>
  )
}

Installation

yarn add @data-story/ui

Testing

When you're writing tests in your local environment

# run component tests and then chose component test
yarn cy:open

# run e2e tests and then chose e2e test
yarn dev
yarn cy:open

# test on ci, only run @data-story/ui,  @data-story/core and e2e tests

Development Notes

Turbo tasks naming convention

name	description
build:xxx	Start a one-shot task to build artifacts
watch:xxx	Start a long running process that produce build artifacts
dev:xxx	Start a long running process that launch a dev server to accept incoming requests, e.g. webpack dev server, nodejs ds-server