lilact 0.23.1 → 0.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/README.md +15 -1
  2. package/dist/lilact.development.js +480 -461
  3. package/dist/lilact.development.js.map +4 -4
  4. package/dist/lilact.development.min.js +24 -24
  5. package/dist/lilact.development.min.js.map +4 -4
  6. package/dist/lilact.production.min.js +24 -24
  7. package/docs/assets/hierarchy.js +1 -1
  8. package/docs/classes/components.Component.html +1 -1
  9. package/docs/classes/components.HTMLComponent.html +1 -1
  10. package/docs/classes/components.RootComponent.html +1 -1
  11. package/docs/functions/components.cloneComponent.html +1 -1
  12. package/docs/functions/timers.timeoutPromise.html +4 -4
  13. package/docs/hierarchy.html +1 -1
  14. package/docs/index.html +17 -1
  15. package/docs/static/demos/cloneelement.jsx +6 -0
  16. package/docs/static/demos/lazy.jsx +1 -1
  17. package/docs/static/demos/legacy-context.jsx +0 -7
  18. package/docs/static/index.html +1 -1
  19. package/docs/static/lilact.development.js +480 -461
  20. package/docs/static/lilact.development.js.map +4 -4
  21. package/docs/static/lilact.development.min.js +24 -24
  22. package/docs/static/lilact.development.min.js.map +4 -4
  23. package/docs/static/lilact.production.min.js +24 -24
  24. package/docs/variables/components.cloneElement.html +1 -1
  25. package/examples/demos/cloneelement.jsx +6 -0
  26. package/examples/demos/lazy.jsx +1 -1
  27. package/examples/demos/legacy-context.jsx +0 -7
  28. package/examples/index.html +1 -1
  29. package/examples/lilact.development.js +480 -461
  30. package/examples/lilact.development.js.map +4 -4
  31. package/examples/lilact.development.min.js +24 -24
  32. package/examples/lilact.development.min.js.map +4 -4
  33. package/examples/lilact.production.min.js +24 -24
  34. package/package.json +1 -1
  35. package/src/components.jsx +3 -3
  36. package/src/lilact.jsx +1 -1
  37. package/src/proptypes.jsx +38 -0
package/README.md CHANGED
@@ -175,7 +175,7 @@ This is not the only way to use it—inside Node projects you can use standard m
175
175
 
176
176
  ### Node.js example
177
177
 
178
- ```js
178
+ ```jsx
179
179
  import { render } from "lilact";
180
180
 
181
181
  function App() {
@@ -212,6 +212,20 @@ render(<App/>, document.body);
212
212
 
213
213
  ## Learn More / Examples / Beta Status
214
214
 
215
+ `Lilact` tries to mimic `React` API as close as possible. So the [Official React API Reference](https://react.dev/reference/react) can be used as a perfect resource. Most of its examples would work in `Lilact` with just substituting import source "react" with "lilact"! There are a few differences that are mentioned in `Lilact` documentation. You can even do:
216
+
217
+ ```jsx
218
+ import React from "lilact"
219
+
220
+ ```
221
+
222
+ And things will probably work just fine. For `redux` and `emotion` just import as you would do, `Lilact` will fix the references automatically:
223
+
224
+ ```jsx
225
+ import redux from "redux";
226
+ import emotion from "@emotion/css";
227
+ ```
228
+
215
229
  To know more about using `Lilact`, see the included examples:
216
230
  [Lilact Examples](https://arashkazemi.github.io/lilact/static)
217
231