Tautorn

import React from 'react';
import Logo from './logo.png';
import './style.css';

function App() {
  return (
    <div>
      <div className="header">
        <img src={Logo} alt="spotify" width="68px" />
        <span className="title">Spotify</span>

Tautorn

html, body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background:#2E3034;

Tautorn

import React from 'react';
import Logo from './logo.png';

function App() {
  return (
    <div>
      <div>
        <img src={Logo} alt="spotify" width="68px" />
        <span>Spotify</span>
      </div>

Tautorn

import React, { useEffects, useState } from 'react'

const Twitter = () => {
  const [isLoading, setIsloading] = useState(true)

  useEffects(() => {
    window.setTimeout(() => {
      setIsloading(false)
    }, 2000)
  }, [])

Tautorn

import React, { Component } from 'react'

class Twitter extends Component {

  state = {
    isLoading: true
  }

  constructor(props) {
    super(props)

Tautorn

import React from 'react'
import Cup from './components/Cup'
import Loading from './loading.gif'

const withDrink = (WrapperComponent, recipe) => {

  const ComponentEnhanced = (props) => {

    const isCompleted = props.completed

Tautorn

import React from 'react'
import withDrink from '../hoc'

const recipe = {
  malte: '1,2kg',
  water: '12l',
  hops: '12g',
  maturation: '1000'
}

Tautorn

import React from 'react'
import withDrink from '../hoc'

const recipe = {
  malte: '1kg',
  water: '14l',
  hops: '12g',
  maturation: '1500'
}

Tautorn

import React from 'react'
import withDrink from '../hoc'

const recipe = {
  malte: '1kg',
  water: '16l',
  hops: '10g',
  maturation: '1000'
}

Tautorn

import React, { Component } from 'react'
import Lager from './containers/Lager'
import Wise from './containers/Wise'
import Ale from './containers/Ale'

class App extends Component {
  state = {
    lager: false,
    wise: false,
    ale: false