~repos /atoms-element
git clone https://pyrossh.dev/repos/atoms-element.git
A simple web component library for defining your custom elements. It works on both client and server.
92834138
—
Peter John 4 years ago
v2.1.0
- package-lock.json +2 -2
- package.json +2 -8
- readme.md +2 -3
package-lock.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "atoms-element",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.1.0",
|
|
4
4
|
"lockfileVersion": 2,
|
|
5
5
|
"requires": true,
|
|
6
6
|
"packages": {
|
|
7
7
|
"": {
|
|
8
|
-
"version": "2.
|
|
8
|
+
"version": "2.1.0",
|
|
9
9
|
"license": "MIT",
|
|
10
10
|
"dependencies": {
|
|
11
11
|
"parse5": "^6.0.1"
|
package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "atoms-element",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.1.0",
|
|
4
4
|
"description": "A simple web component library for defining your custom elements. It works on both client and server. It supports hooks and follows the same principles of react.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"pyros.sh",
|
|
@@ -10,14 +10,8 @@
|
|
|
10
10
|
"server side rendering",
|
|
11
11
|
"client",
|
|
12
12
|
"server",
|
|
13
|
-
"hooks",
|
|
14
13
|
"react",
|
|
15
|
-
"lit-html"
|
|
14
|
+
"lit-html"
|
|
16
|
-
"lit-html-server",
|
|
17
|
-
"haunted",
|
|
18
|
-
"tonic",
|
|
19
|
-
"atomico",
|
|
20
|
-
"fuco"
|
|
21
15
|
],
|
|
22
16
|
"files": [
|
|
23
17
|
"lit-html.js",
|
readme.md
CHANGED
|
@@ -3,11 +3,10 @@
|
|
|
3
3
|
[](https://www.npmjs.com/package/atoms-element)
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
A simple web component library for defining your custom elements. It works on both client and server. It
|
|
7
|
-
principles of react. Data props are attributes on the custom element by default so its easier to debug and functions/handlers are attached to the element.
|
|
6
|
+
A simple web component library for defining your custom elements. It works on both client and server. It follows the same principles of react. Data props are attributes on the custom element by default so its easier to debug and functions/handlers are attached to the element.
|
|
8
7
|
|
|
9
8
|
I initially started researching if it was possible to server render web components but found out not one framework supported it. I liked using
|
|
10
|
-
[haunted](https://github.com/matthewp/haunted) as it was react
|
|
9
|
+
[haunted](https://github.com/matthewp/haunted) as it was react-like with hooks but was lost on how to implement server rendering. Libraries like
|
|
11
10
|
JSDOM couldn't be of use since it didn't support web components and I didn't want to use puppeteer for something like this.
|
|
12
11
|
|
|
13
12
|
After a year of thinking about it and researching it I found out this awesome framework [Tonic](https://github.com/optoolco/tonic).
|