Skip to content

Instantly share code, notes, and snippets.

@UpperCod

UpperCod/hello.js

Last active January 15, 2023 22:36
Show Gist options
  • Save UpperCod/1b90dcc0628da914ab8c1e077c4d3b56 to your computer and use it in GitHub Desktop.
Save UpperCod/1b90dcc0628da914ab8c1e077c4d3b56 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @MatiasWorker MatiasWorker revised this gist Nov 4, 2021. 2 changed files with 2 additions and 4 deletions.
    3 changes: 1 addition & 2 deletions hello.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,4 @@
    import { c } from "atomico"; // 2.5kB
    import html from "atomico/html"; // .5kB
    import { c, html } from "atomico"; // 3.0kB

    function component({ name }) {
    return html`<host shadowDom>Hello, ${name}</host>`;
    3 changes: 1 addition & 2 deletions hello.ts
    View file
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,4 @@
    import { Props, c } from "atomico"; // 2.5kB
    import html from "atomico/html"; // .5kB
    import { Props, c, html } from "atomico"; // 3.0kB

    function component({ name }:Props<component.props>) {
    return html`<host shadowDom>Hello, ${name}</host>`;
  2. @MatiasWorker MatiasWorker revised this gist Feb 3, 2021. 4 changed files with 5 additions and 6 deletions.
    2 changes: 1 addition & 1 deletion hello.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,5 @@
    import { c } from "atomico"; // 2.5kB
    import html from "atomico/html"; // .7kB
    import html from "atomico/html"; // .5kB

    function component({ name }) {
    return html`<host shadowDom>Hello, ${name}</host>`;
    2 changes: 1 addition & 1 deletion hello.jsx
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,4 @@
    import { c } from "atomico";
    import { c } from "atomico"; // 2.5kB

    function component({ name }) {
    return <host shadowDom>Hello, {name}</host>;
    4 changes: 2 additions & 2 deletions hello.ts
    View file
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,5 @@
    import { Props, c } from "atomico";
    import html from "atomico/html";
    import { Props, c } from "atomico"; // 2.5kB
    import html from "atomico/html"; // .5kB

    function component({ name }:Props<component.props>) {
    return html`<host shadowDom>Hello, ${name}</host>`;
    3 changes: 1 addition & 2 deletions hello.tsx
    View file
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,4 @@
    import { Props, c } from "atomico";
    import html from "atomico/html";
    import { Props, c } from "atomico"; // 2.5kB

    function component({ name }:Props<component.props>) {
    return <host shadowDom>Hello, {name}</host>;
  3. @MatiasWorker MatiasWorker revised this gist Feb 3, 2021. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions hello.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,5 @@
    import { c } from "atomico";
    import html from "atomico/html";
    import { c } from "atomico"; // 2.5kB
    import html from "atomico/html"; // .7kB

    function component({ name }) {
    return html`<host shadowDom>Hello, ${name}</host>`;
  4. @MatiasWorker MatiasWorker revised this gist Feb 3, 2021. 4 changed files with 0 additions and 0 deletions.
    0 atomico-example-1.js → hello.js
    View file
    File renamed without changes.
    0 atomico-example-1.jsx → hello.jsx
    View file
    File renamed without changes.
    0 atomico-example-1.ts → hello.ts
    View file
    File renamed without changes.
    0 atomico-example-1.tsx → hello.tsx
    View file
    File renamed without changes.
  5. @MatiasWorker MatiasWorker revised this gist Feb 1, 2021. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion atomico-example-1.js
    View file
    Original file line number Diff line number Diff line change
    @@ -9,4 +9,4 @@ component.props = {
    name: String,
    };

    customElements.define("my-component", c(component));
    customElements.define("my-component", c(component));
  6. @MatiasWorker MatiasWorker revised this gist Feb 1, 2021. 2 changed files with 2 additions and 2 deletions.
    2 changes: 1 addition & 1 deletion atomico-example-1.ts
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,4 @@
    import { Props,c } from "atomico";
    import { Props, c } from "atomico";
    import html from "atomico/html";

    function component({ name }:Props<component.props>) {
    2 changes: 1 addition & 1 deletion atomico-example-1.tsx
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,4 @@
    import { Props,c } from "atomico";
    import { Props, c } from "atomico";
    import html from "atomico/html";

    function component({ name }:Props<component.props>) {
  7. @MatiasWorker MatiasWorker revised this gist Feb 1, 2021. 2 changed files with 24 additions and 0 deletions.
    12 changes: 12 additions & 0 deletions atomico-example-1.ts
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,12 @@
    import { Props,c } from "atomico";
    import html from "atomico/html";

    function component({ name }:Props<component.props>) {
    return html`<host shadowDom>Hello, ${name}</host>`;
    }

    component.props = {
    name: String,
    };

    customElements.define("my-component", c(component));
    12 changes: 12 additions & 0 deletions atomico-example-1.tsx
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,12 @@
    import { Props,c } from "atomico";
    import html from "atomico/html";

    function component({ name }:Props<component.props>) {
    return <host shadowDom>Hello, {name}</host>;
    }

    component.props = {
    name: String,
    };

    customElements.define("my-component", c(component));
  8. @MatiasWorker MatiasWorker revised this gist Feb 1, 2021. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion atomico-example-1.js
    View file
    Original file line number Diff line number Diff line change
    @@ -9,4 +9,4 @@ component.props = {
    name: String,
    };

    customElements.define("my-component", c(component));
    customElements.define("my-component", c(component));
  9. @MatiasWorker MatiasWorker revised this gist Feb 1, 2021. 2 changed files with 13 additions and 1 deletion.
    12 changes: 12 additions & 0 deletions atomico-example-1.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,12 @@
    import { c } from "atomico";
    import html from "atomico/html";

    function component({ name }) {
    return html`<host shadowDom>Hello, ${name}</host>`;
    }

    component.props = {
    name: String,
    };

    customElements.define("my-component", c(component));
    2 changes: 1 addition & 1 deletion atomico-example-1.jsx
    View file
    Original file line number Diff line number Diff line change
    @@ -8,4 +8,4 @@ component.props = {
    name: String,
    };

    customElements.define("my-component", c(component));
    customElements.define("my-component", c(component));
  10. @MatiasWorker MatiasWorker renamed this gist Feb 1, 2021. 1 changed file with 0 additions and 0 deletions.
    0 gistfile1.txt → atomico-example-1.jsx
    View file
    File renamed without changes.
  11. @MatiasWorker MatiasWorker created this gist Feb 1, 2021.
    11 changes: 11 additions & 0 deletions gistfile1.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,11 @@
    import { c } from "atomico";

    function component({ name }) {
    return <host shadowDom>Hello, {name}</host>;
    }

    component.props = {
    name: String,
    };

    customElements.define("my-component", c(component));