indreklasn

import React from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  VrButton
} from 'react-360';

indreklasn

  // The connectedCallback() runs each time the element is added to the DOM
  connectedCallback() {
    this.style.border = 'solid 1px #333'
    this.style.padding = '10px 20px'
  }

indreklasn

class WebComponentButton extends HTMLElement {

  // The connectedCallback() runs each time the element is added to the DOM
  connectedCallback() {}

  // Called every time the element is removed from the DOM. Useful for running clean up code.
  disconnectedCallback() {}

  //When the element is either removed from the DOM, or moved to a different page:
  adoptedCallback() {}

indreklasn

class WebComponentButton extends HTMLElement {

  constructor() {
    super()
    this.addEventListener('click', () => {
      console.log('click')
    })
  }
 
}

indreklasn

class WebComponentButton extends HTMLElement {

  constructor() {
    super()
    this.addEventListener('click', () => {
      console.log('click')
    })
  }
 
}

indreklasn

customElements.define(name, constructor, options);

indreklasn

const add = (...nums) => {
  return nums.reduce((total, num) => total + num);
}

add(1, 2, 3); // 6

indreklasn

console.log('Hello, World')

indreklasn

public class HelloWorld {

    public static void main(String[] args) {
        // Prints "Hello, World" to the terminal window.
        System.out.println("Hello, World");
    }

}

indreklasn

yarn add react react-dom && yarn start