react-state-custom 1.0.24 → 1.0.26

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Vo Thanh Dat
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -271,6 +271,7 @@ function App() {
 ```typescript
 import { DataViewComponent } from 'react-state-custom';
 import { ObjectView } from 'react-obj-view';
+import 'react-obj-view/dist/react-obj-view.css'; // Required for ObjectView styling
 
 const CustomDataView: DataViewComponent = ({ name, value }) => {
   return <ObjectView name={name} value={value} expandLevel={2} />;
@@ -345,9 +346,12 @@ For complete API documentation, examples, and advanced patterns, see:
 # Install dependencies
 yarn install
 
-# Run dev server with examples
+# Run development UI with example selector
 yarn dev
 
+# Run interactive playground with live code editing
+yarn dev:playground
+
 # Build library
 yarn build
 
@@ -358,6 +362,18 @@ yarn build:demo
 yarn preview
 ```
 
+### Development Modes
+
+**`yarn dev`** - Starts a clean development UI with an interactive example selector. Great for:
+- Testing all examples in one place
+- Quick switching between different examples
+- Visual debugging with DevTool component
+
+**`yarn dev:playground`** - Starts the Sandpack-powered playground with live code editing. Perfect for:
+- Creating interactive demos
+- Live code editing and experimentation
+- Sharing editable examples
+
 ## 🎓 Learning Path
 
 1. **Start Simple** - Use `createRootCtx` + `createAutoCtx` for basic state