tastes v0.3.2

Tastes

Code and create with generative samples. Generate example data with more control than just random.

Useful for navigating and refining the space of possibilities for your data, code, and ideas. The salt n' pepper to your:

• React component development
• Interactive documentation
• Property-based testing
• Generative designs in Sketch

Install

yarn add tastes # or npm install tastes --save

Examples

Generative Designs in Sketch

Want to see your design in many fonts, colors, content, styles, and layouts? Tastes and React Sketchapp have got you!

Example Code

Storybook

Use React Storybook to offer interactive documentation and generated examples!

Example Code

React Development

Visually test your app as you code with live tweaking.

Example Code

Random Values

Use with Math.random to get unpredictable values:

import { real, record } from 'tastes'

const position = record({
  lat: real({ min: -90, max: 90 }),
  lng: real({ min: -180, max: 180 }),
})

const randomPosition = position([Math.random(), Math.random()])

Why Not Random?

• Not random. Generates deterministic sample data from numbers. Give the same number; get the same data.
• Preserves locality. Give it closer numbers? Get similar data. Give it numbers further apart? Get different data.

This added control makes it a great foundation for advanced development and testing tools.

Future Goals

• Recursive data
  • State transition trees
  • Time series data
  • Graphs
  • Lists
• Custom probability distributions
• Plug n' play for prop-types
• Debugging tools
  • Hilbert curve of examples
  • Transition trees