diff --git a/docz/docs/03-demos/01-frontend/01-react.md b/docz/docs/03-demos/02-frontend/01-react.md similarity index 95% rename from docz/docs/03-demos/01-frontend/01-react.md rename to docz/docs/03-demos/02-frontend/01-react.md index 0018b87..70861a5 100644 --- a/docz/docs/03-demos/01-frontend/01-react.md +++ b/docz/docs/03-demos/02-frontend/01-react.md @@ -216,7 +216,7 @@ in the example JSX code: ```jsx title="Example JSX for displaying arrays of objects" {/* The `thead` section includes the table header row */} - + {/* The `tbody` section includes the data rows */} {/* generate row (TR) for each president */} @@ -302,7 +302,7 @@ export default function SheetJSReactAoO() { writeFileXLSX(wb, "SheetJSReactAoO.xlsx"); }, [pres]); - return (
NameIndex
NameIndex
+ return (
NameIndex
{ /* generate row for each president */ // highlight-start pres.map(pres => ( @@ -317,14 +317,18 @@ export default function SheetJSReactAoO() { } ``` -
How to run the example (click to show) +
How to run the example (click to hide) -:::note +:::note Tested Deployments -This demo was last tested on 2023 October 08 with ViteJS 4.4.1 and React 18.2.0 +This demo was tested in the following environments: + +| ReactJS | ViteJS | Date | +|:---------|:--------|:-----------| +| `18.2.0` | `5.0.5` | 2023-12-04 | ::: @@ -348,7 +352,7 @@ npm run dev`} 4) Replace `src/App.jsx` with the `src/SheetJSReactAoO.js` example. The page will refresh and show a table with an Export button. Click the button -and the page will attempt to download `SheetJSReactAoA.xlsx`. +and the page will attempt to download `SheetJSReactAoO.xlsx`. 5) Build the site: @@ -370,7 +374,7 @@ and test the page. -:::note +:::note Tested Deployments This demo was last run on 2023 October 24 using `create-react-app@5.0.1` and `react-scripts@5.0.1`. @@ -397,7 +401,7 @@ npm start`} 4) Replace `src/App.js` with the `src/SheetJSReactAoO.js` example. The page will refresh and show a table with an Export button. Click the button -and the page will attempt to download `SheetJSReactAoA.xlsx`. +and the page will attempt to download `SheetJSReactAoO.xlsx`. 5) Build the site: @@ -474,12 +478,12 @@ export default function SheetJSReactHTML() { } ``` -
How to run the example (click to show) +
How to run the example (click to hide) -:::note +:::note Tested Deployments This demo was last tested on 2023 October 08 with ViteJS 4.4.1 and React 18.2.0 @@ -527,7 +531,7 @@ and test the page. -:::note +:::note Tested Deployments This demo was last run on 2023 October 24 using `create-react-app@5.0.1` and `react-scripts@5.0.1`. diff --git a/docz/docs/03-demos/01-frontend/02-vue.md b/docz/docs/03-demos/02-frontend/02-vue.md similarity index 97% rename from docz/docs/03-demos/01-frontend/02-vue.md rename to docz/docs/03-demos/02-frontend/02-vue.md index 6f33d35..1e81c71 100644 --- a/docz/docs/03-demos/01-frontend/02-vue.md +++ b/docz/docs/03-demos/02-frontend/02-vue.md @@ -241,7 +241,7 @@ const rows = ref([]);
NameIndex