indreklasn

// What's the difference?

const sayHello = name => console.log(name)

function sayHello(name) {
  console.log(`${name}`)
}

indreklasn

// make this work

duplicate([1,2,3,4,5]); // [1,2,3,4,5,1,2,3,4,5]

indreklasn

import React, { useState } from "react";
import { motion } from "framer-motion";

const styles = {
  borderRadius: 30,
  width: 100,
  height: 100,
  margin: "auto",
  display: "flex",
  justifyContent: "center",

indreklasn

import React from "react";
import { motion } from "framer-motion";

const styles = {
  background: "#7fffd4",
  borderRadius: 30,
  width: 150,
  padding: "10px 20px",
  margin: "auto",
  color: "#333",

indreklasn

import React from "react";
import { motion } from "framer-motion";

const styles = {
  background: "#035ee8",
  borderRadius: 30,
  width: 100,
  height: 100,
  margin: "auto"
};

indreklasn

import React from "react";
import { motion } from "framer-motion";

const styles = {
  background: "red",
  borderRadius: 30,
  width: 50,
  height: 50,
  margin: "auto"
};

indreklasn

import React from "react";
import { motion } from "framer-motion";

const styles = {
  background: "blue",
  borderRadius: 30,
  width: 150,
  height: 150,
  margin: "auto"
};

indreklasn

import { motion } from "framer-motion"

indreklasn

render() {
  return (
    <View style={styles.panel}>
    <VrButton
      onClick={this.incrementCount}
      style={styles.greetingBox}
    >
      <Text>+</Text>
    </VrButton>
    <VrButton

indreklasn

export default class Hello360 extends React.Component {

	state = {
		count: 0,
	};
	
	// This method increments our count, triggering a re-render
	incrementCount = () => {
		this.setState({count: this.state.count + 1});
	};