devboard
devboard copied to clipboard
glenjamin
An interactive visual feedback tool for developing user interface code
A pre-built card for showing a function and examples of calling it. ``` js devboard.examples(fn, [ [1, 2], [4, 5] ]); ```
Perhaps a `maxHeight` option which sets an overflow and gives a button to expand?
This would allow using functions and other types of rendering in rows. Perhaps body should be exposed in general, to allow for better composition with custom cards? What would this...
Ideally have a prepublish step which can generate a file that `require()s` every prism component, that way we'll get improvements to highlighting automatically - although new languages will need an...
devcard.ns('sub-namespace') ? to create a nested namespace? I can take a look at this if you think it's worthwhile.
- [x] defcard.anon - no name #7 - [x] overload to allow docs only #7 - [x] state: function body + {state setState} #8 - [x] closed polymorphism for body...
opt-in only. An option which enables recording of each state change, and a scrubber-type interface to flick back and forward between them.
This could be really useful for components which toggle between two states. This might be a bit narrow though, and I think it could be achieved via a side-effect in...
something like `devboard.ReactComponentHelp(Component)` which generates a little overview of the component, using its proptypes spec to list names and types.
`react-transform-catch-errors` only applies to user code - not modules. This means that when making errors inside a devcard while developing them, errors leak out. I'm not sure yet whether this...