loraxx753

Bauble Toggle

Choose your colour!

A bauble toggle made with SVG in ReactJS with GreenSock.

A Pen by loraxx753 on CodePen.

License.

loraxx753

[{"url":"https://anapioficeandfire.com/api/books/1","name":"A Game of Thrones","isbn":"978-0553103540","authors":["George R. R. Martin"],"numberOfPages":694,"publisher":"Bantam Books","country":"United States","mediaType":"Hardcover","released":"1996-08-01T00:00:00","characters":["https://anapioficeandfire.com/api/characters/2","https://anapioficeandfire.com/api/characters/12","https://anapioficeandfire.com/api/characters/13","https://anapioficeandfire.com/api/characters/16","https://anapioficeandfire.com/api/characters/20","https://anapioficeandfire.com/api/characters/27","https://anapioficeandfire.com/api/characters/31","https://anapioficeandfire.com/api/characters/38","https://anapioficeandfire.com/api/characters/39","https://anapioficeandfire.com/api/characters/40","https://anapioficeandfire.com/api/characters/41","https://anapioficeandfire.com/api/characters/42","https://anapioficeandfire.com/api/characters/46","https://anapioficeandfire.com/api/characters/54","https://anapioficeandfire.com/api/character

loraxx753

// Complex type
var Complex = function (real, imag) {
    if (real instanceof Complex) return real;
    imag = imag || 0;
    return Object.freeze(Object.create(Complex.prototype, {
        real: {value: real, enumerable: true},
        imag: {value: imag, enumerable: true},
    }));
};
Complex.fromPolar = function (r, theta) {

loraxx753

console.log("It's Looog, it's Loooog");

loraxx753

import React, { Component } from "react";
import SearchBar from "./SearchBar";
import AddImageForm from "./AddImageForm";
import Images from "./Images";
import firebase from "../firebase";

const itemsRef = firebase.database().ref("images");

class Archive extends Component {
 constructor(props) {

loraxx753

import React, { Component } from "react";
import firebase from "../firebase.js";

const imageRef = muhImage => {
 firebase
   .storage()
   .ref()
   .child("images/" + muhImage)
   .getDownloadURL()
   .then(function(url) {

loraxx753

import React from 'react'
import CoolShiz from './CoolShiz'

class App extends React.Component {
  render() {
    return <CoolShiz>{() => 'This is just returned as a string.'}</CoolShiz>
  }
}

export default App

loraxx753

import React from "react";
import firebase from "../firebase.js";

const FiebasePromise = props => firebase
   .storage()
   .ref()
   .child("images/" + props.imageName)
   .getDownloadURL()
};
      

loraxx753

import React, { Component } from "react";
import firebase from "../firebase.js";

const FirebasePromise = props => {
 return props.children("testing, 1 2 3");
};

// firebase
//    .storage()
//    .ref()

loraxx753

import React from 'react'
import { Deck, Slide, Text } from 'spectacle'

const FirstSlide = props => {
  return (
    <Slide>
      <Text>Hello there {props.key}.</Text>
      <Text>Ready?</Text>
    </Slide>
  )