lithent 1.0.1 → 1.0.3

package/README.md

@@ -9,7 +9,7 @@ used lightly in a variety of situations.
 - https://superlucky84.github.io/lithent
   - (This guide page is written in lithent.)
 
-`(9.68 KiB / gzip: 3.60 KiB)`
+`(9.60 KiB / gzip: 3.72 KiB)`
 
 
 ## 🚩 Table of Contents
@@ -24,20 +24,20 @@ used lightly in a variety of situations.
 - [Examples](#examples)
   - [With ESM](#with-esm)
   - [With UMD](#with-umd)
-- [Test](#test)
 - [Develop Guide](#develop-guide)
+- [Test](#test)
 
 ## Why use Lithent?
 
 ### Lithent have the bare minimum of necessary functionality, with no unnecessary features.
 
-Since 'react' and 'vue', there have been a lot of UI libraries coming out that boast full-stack functionality.
+In a real-world development environment, you may want to use Virtual DOM lightly, with only the bare minimum of core functionality.
 
-However, in the real world of development, there are times when you need to build something using only the bare minimum of key features, rather than a full-stack, full-featured library.
+"Lithent" makes it easy to add, remove, and update virtual domes to specific parts of a pre-drawn SSR page.
 
-Lithent has implemented the bare minimum functionality needed to create and update virtual DOM in general (we only need to know 'render', 'mounter', 'updater', 'renewer', 'mountCallback', and 'updateCallback').
+"Lithent" has implemented the bare minimum functionality needed to create and update virtual DOM in general (we only need to know 'render', 'mounter', 'updater', 'renewer', 'mountCallback', and 'updateCallback').
 
-We provide code in the form of 'helpers' that extend the basic functionality, but using the helpers is only optional and talented users can extend and develop custom helpers for their own projects.
+We provide code in the form of 'helpers' that extend the basic functionality, but using the helpers is only optional and users can extend and develop custom helpers for their own projects.
 
 ### Approach with the developer-friendly concept of closures between "component mounter" and "renderer"
 
@@ -61,10 +61,10 @@ pnpm add lithent
 
 #### Or Use CDN
 
-* UMD : https://cdn.jsdelivr.net/npm/lithent@1.0.1/dist/lithent.umd.js
-* UMD-HELPER: https://cdn.jsdelivr.net/npm/lithent@1.0.1/helper/dist/lithentHelper.umd.js
-* ESM : https://cdn.jsdelivr.net/npm/lithent@1.0.1/dist/lithent.mjs
-* ESM-HELPER: https://cdn.jsdelivr.net/npm/lithent@1.0.1/helper/dist/lithentHelper.mjs
+* UMD : https://cdn.jsdelivr.net/npm/lithent@1.0.3/dist/lithent.umd.js
+* UMD-HELPER: https://cdn.jsdelivr.net/npm/lithent@1.0.3/helper/dist/lithentHelper.umd.js
+* ESM : https://cdn.jsdelivr.net/npm/lithent@1.0.3/dist/lithent.mjs
+* ESM-HELPER: https://cdn.jsdelivr.net/npm/lithent@1.0.3/helper/dist/lithentHelper.mjs
 
 
 It's easier to use lithent with JSX or HTM.
@@ -98,15 +98,17 @@ import { state } from 'lithent/helper';
 import htm from 'htm';
 const html = htm.bind(h);
 
-const Component = mount((r, _props) => {
-  const count = state(0, r);
+const Component = mount((renew, _props) => {
+  const count = state(0, renew);
 
-  const change = () => (count.v += 1);
+  const change = () => {
+    count.value += 1;
+  };
 
   // Updater
   return () => html`
     <${Fragment}>
-      <li>count: ${count.v}</li>
+      <li>count: ${count.value}</li>
       <button onClick=${change}>increase</button>
     <//>
   `;
@@ -122,8 +124,8 @@ const destroy = render(html`<${Component} />`, document.getElementById('root'));
 #### With UMD
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/lithent@1.0.1/dist/lithent.umd.js"></script>
-<!--script src="https://cdn.jsdelivr.net/npm/lithent@1.0.1/helper/dist/lithentHelper.umd.js"></script-->
+<script src="https://cdn.jsdelivr.net/npm/lithent@1.0.3/dist/lithent.umd.js"></script>
+<!--script src="https://cdn.jsdelivr.net/npm/lithent@1.0.3/helper/dist/lithentHelper.umd.js"></script-->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/htm/3.1.1/htm.js"></script>
 
 <div id="root"></div>
@@ -154,13 +156,6 @@ const destroy = render(html`<${Component} />`, document.getElementById('root'));
 </script>
 ```
 
-## Test
-
-```bash
-// pnpm install
-pnpm test
-```
-
 ## Develop Guide
 
 It's open source, so you can develop and contribute together.
@@ -192,3 +187,11 @@ pnpm build
 ```bash
 pnpm dev // or pnpm dev:core
 ```
+
+## Test
+
+```bash
+// pnpm install
+pnpm test
+```
+