sambruk/excalidraw
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs: improve grammar and example (#3699)

Browse Source 
* Improve grammar, render only once

* Update README_NEXT.md
This commit is contained in:
Karl Horky 2021-06-06 22:08:05 +02:00 committed by GitHub
parent b595d3fcba
commit 54dcb73701
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/packages/excalidraw/README.md
View File

@ -153,7 +153,7 @@ To view the full example visit :point_down:
</details> </details>
Since Excalidraw doesn't support server side rendering yet so you will have to make sure the component is rendered once host is mounted. Since Excalidraw doesn't support server side rendering yet, you should render the component once the host is mounted.
```js ```js
import { useState, useEffect } from "react"; import { useState, useEffect } from "react";
@ -161,7 +161,7 @@ export default function IndexPage() {
const [Comp, setComp] = useState(null); const [Comp, setComp] = useState(null);
useEffect(() => { useEffect(() => {
import("@excalidraw/excalidraw").then((comp) => setComp(comp.default)); import("@excalidraw/excalidraw").then((comp) => setComp(comp.default));
}); }, []);
return <>{Comp && <Comp />}</>; return <>{Comp && <Comp />}</>;
} }
``` ```

4
src/packages/excalidraw/README_NEXT.md
View File

@ -159,7 +159,7 @@ To view the full example visit :point_down:
</details> </details>
Since Excalidraw doesn't support server side rendering yet so you will have to make sure the component is rendered once host is mounted. Since Excalidraw doesn't support server side rendering yet, you should render the component once the host is mounted.
```js ```js
import { useState, useEffect } from "react"; import { useState, useEffect } from "react";
@ -167,7 +167,7 @@ export default function IndexPage() {
const [Comp, setComp] = useState(null); const [Comp, setComp] = useState(null);
useEffect(() => { useEffect(() => {
import("@excalidraw/excalidraw-next").then((comp) => setComp(comp.default)); import("@excalidraw/excalidraw-next").then((comp) => setComp(comp.default));
}); }, []);
return <>{Comp && <Comp />}</>; return <>{Comp && <Comp />}</>;
} }
``` ```