einarlove

Hva vi gjør idag på EarlyBird server

• healthcheck / pink
• application insights
• versjonsjekk mellom client og server
• sentry error tracking
• redirect for /personvern-og-cookies -> avinor
• proxy
  • bilder
• login
• sikkerhetskontroll køtid

einarlove

http://flights.tjenester.avinor.no/flights/departure/ham?fromDate=2016-09-18&toDate=2016-09-20

{
  "lastUpdated": "2016-09-16T15:47:12.274Z",
  "flightLegs": [
    {
      "id": "ew4192-ham-osl-20160919",
      "flightIds": [
        {
          "flightId": "EW4192",

einarlove

import { connect } from 'react-fela'
import React from 'react'

const App = ({ styles }) => (
  <div>
    <h1 className={styles.heading}>Sorry</h1>
    <h2 className={styles.ingress}>All your base are belong to us</h2>
    <p className={styles.paragraph}>We know it's not nice, but you don't need it anyway.</p>
  </div>
)

einarlove

import React from 'react'
import { Link } from 'react-router'
import { cashay as cashayClient } from '../client'
import { connect } from 'react-redux'

const FlightDetail = ({ request }) => {
  const { data, isComplete } = request

  if (!isComplete) {
    return <div>Loading</div>

einarlove

{
  flightsById: {
    'sk4011-osl-svg-2016-06-09': { … },
  },

  flightRequests: {
    'sk4011-osl-svg-2016-06-09': {
      startedAt: '2016-06-08T17:44:00Z',
      completedAt: '2016-06-08T17:44:00Z',
      error: null,

einarlove

EarlyBird content documentation

• Data structure
  • id
  • title
  • description
  • labels
    • label text
    • label type
• cover

einarlove

const path = require('path')
const fs = require('fs')
import attempt from 'lodash/attempt'

const app = require('./app.json')

const readDotEnv = filePath => attempt(
  fs.readFileSync(filePath, 'utf-8').split('\n').filter(Boolean)
)

einarlove

@connectData({
  fetch: fetchMeals,
  fromState: state => ({
    meal: state.meals[state.profile.preferredMeal]
    mealToOld: state.meals[state.profile.preferredMeal].created > new Date()
  }),
})

einarlove

3
KGS – Kos

4
ALF – Alta
BOO – Bodø
DOH – Doha
FAO – Faro
NCE – Nice
OSL – Oslo

einarlove

import React, {Component} from 'react';
import {render} from 'react-dom';
import {Motion, spring} from 'react-motion';

// helper to delay a prop being passed by `period` ms
class Delay extends Component{
  static defaultProps = {
    period: 0
  };
  state = {