You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/react.md
+5-1Lines changed: 5 additions & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -8,7 +8,7 @@ title: React Usage
8
8
9
9
## Blocks rendering
10
10
11
-
Use {@link react.MakeCodeRenderBlocksProvider | MakeCodeRenderBlocksProvider} and {@link react.MakeCodeBlocksRendering | MakeCodeBlocksRendering} React components to render MakeCode blocks for a MakeCode project. You can see examples of projects used for the demo in [fixtures.ts](../src/stories/fixtures.ts).
11
+
Use {@link react.MakeCodeRenderBlocksProvider | MakeCodeRenderBlocksProvider} and {@link react.MakeCodeBlocksRendering | MakeCodeBlocksRendering} React components to render MakeCode blocks for a MakeCode project. Example MakeCode projects used for the demo are defined in [fixtures.ts](../src/stories/fixtures.ts).
12
12
13
13
```js
14
14
import {
@@ -21,6 +21,8 @@ import {
21
21
</MakeCodeRenderBlocksProvider>;
22
22
```
23
23
24
+
For more examples, take a look at the [MakeCode blocks rendering demo source code](../src/stories/MakeCodeBlocksRendering.stories.tsx).
25
+
24
26
## Embed MakeCode editor
25
27
26
28
Use {@link react.MakeCodeFrame | MakeCodeFrame} component to embed MakeCode.
@@ -45,3 +47,5 @@ import { MakeCodeFrame } from '@microbit/makecode-embed/react';
0 commit comments