orange4 0.0.0-stage → 1.0.0

package/README.md

@@ -1,3 +1,36 @@
-# Temporary Holding Version
+# useRef Example in React
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+`useRef` holds a mutable value that persists across renders, and is commonly used to access a DOM element directly.
+
+```jsx
+import { useRef } from "react";
+
+export default function App() {
+  const inputRef = useRef(null);
+
+  function clearAndFocus() {
+    inputRef.current.value = "";
+    inputRef.current.focus();
+  }
+
+  function showText() {
+    alert(inputRef.current.value);
+  }
+
+  return (
+    <>
+      <input ref={inputRef} placeholder="Type something" />
+      <button onClick={clearAndFocus}>Clear and Focus</button>
+      <button onClick={showText}>Show Text</button>
+    </>
+  );
+}
+```
+
+## Output
+
+```
+[ Type something ] [ Clear and Focus ] [ Show Text ]
+Show Text: an alert shows whatever is typed in the box.
+Clear and Focus: the box is emptied and the cursor blinks inside it.
+```

package/package.json

@@ -1,6 +1,9 @@
 {
   "name": "orange4",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "1.0.0",
+  "description": "React useRef example",
+  "license": "MIT",
+  "files": [
+    "README.md"
+  ]
+}