fix: small refinements

pmndrs · Dec 27, 2024 · 0c41dbe · 0c41dbe
1 parent aca6816
commit 0c41dbe
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 7 deletions.
diff --git a/examples/starter/README.md b/examples/starter/README.md
@@ -0,0 +1,20 @@
+# Starter [![Open in StackBlitz](https://img.shields.io/badge/Open%20in-StackBlitz-blue?style=flat-square&logo=stackblitz)](https://stackblitz.com/github/pmndrs/valtio/tree/main/examples/starter)
+
+## Set up locally
+
+```bash
+git clone https://github.com/pmndrs/valtio
+
+# install project dependencies & build the library
+cd valtio && pnpm install
+
+# move to the examples folder & install dependencies
+cd examples/starter && pnpm install
+
+# start the dev server
+pnpm dev
+```
+
+## Set up on `StackBlitz`
+
+Link: https://stackblitz.com/github/pmndrs/valtio/tree/main/examples/starter
diff --git a/examples/starter/index.html b/examples/starter/index.html
@@ -9,7 +9,7 @@
     <script src="https://cdn.tailwindcss.com"></script>
   </head>
   <body>
-    <div id="app"></div>
-    <script type="module" src="/src/app.tsx"></script>
+    <div id="root"></div>
+    <script type="module" src="/src/index.tsx"></script>
   </body>
 </html>
diff --git a/examples/starter/src/index.css b/examples/starter/src/index.css
@@ -1,10 +1,10 @@
 html,
 body,
-#app {
+#root {
   height: 100%;
 }
 
-#app {
+#root {
   display: flex;
   place-items: center;
   justify-content: center;

diff --git a/examples/starter/src/app.tsx → examples/starter/src/index.tsx b/examples/starter/src/app.tsx → examples/starter/src/index.tsx
@@ -45,9 +45,7 @@ function App() {
   );
 }
 
-const root = document.getElementById('app');
-
-createRoot(root!).render(
+createRoot(document.getElementById('root')!).render(
   <StrictMode>
     <App />
   </StrictMode>,