mirror of
https://github.com/eliasstepanik/strudel.git
synced 2026-01-12 22:28:36 +00:00
37 lines
826 B
Markdown
37 lines
826 B
Markdown
# @strudel.cycles/react
|
|
|
|
This package contains react hooks and components for strudel. It is used internally by the Strudel REPL.
|
|
|
|
## Install
|
|
|
|
```js
|
|
npm i @strudel.cycles/react
|
|
```
|
|
|
|
## Usage
|
|
|
|
Here is a minimal example of how to set up a MiniRepl:
|
|
|
|
```jsx
|
|
import { evalScope, controls } from '@strudel.cycles/core';
|
|
import { MiniRepl } from '@strudel.cycles/react';
|
|
import { prebake } from '../repl/src/prebake.mjs';
|
|
|
|
evalScope(
|
|
controls,
|
|
import('@strudel.cycles/core'),
|
|
import('@strudel.cycles/tonal'),
|
|
import('@strudel.cycles/mini'),
|
|
import('@strudel.cycles/webaudio'),
|
|
/* probably import other strudel packages */
|
|
);
|
|
|
|
prebake();
|
|
|
|
export function Repl({ tune }) {
|
|
return <MiniRepl tune={tune} hideOutsideView={true} />;
|
|
}
|
|
```
|
|
|
|
For a more sophisticated example, check out the [nano-repl](./examples/nano-repl/)!
|