stramel

<link rel="import" href="../polymer/polymer-element.html">
<link rel="import" href="../polymer/lib/utils/import-href.html">

<dom-module id="hax-blox">
  <template></template>
  <script>
    class haxBlox extends Polymer.Element {
      static get is() {
        return 'hax-blox';
      }

stramel

0499c6fe28b49b1a02276ce841b8d838b31e5900d7eb342c7c6ae05df8c783383d570ed887a071d40e5ecd9f80161f831e4fd2c7b62fe320eb8456aea0538e8d1b;admwx7

stramel

Upgrade Cheatsheet

This is a simplified version of https://www.polymer-project.org/2.0/docs/upgrade. It also lists what warnings and fixes are available for each upgrade task.

Shadow DOM template and styling

DOM Template

• <dom-module> using is or name should be replaced to use id
  • Warns
  • Fixable: Except dom-modules that contain both name and is

stramel

Profiling of lazy-imports vs importHref

Setup

System Specs

• CPU: Intel Core i5
• Memory: 16Gb
• OS: Windows 10
• Polymer CLI: 1.6.0

stramel

<!--
@license
Copyright (c) 2016 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
-->

stramel

{
  "env": {
    "development": {
      "presets": ["next/babel"]
    },
    "production": {
      "presets": ["next/babel"]
    },
    "test": {
      "presets": [

stramel

const express = require('express')
const bodyParser = require('body-parser')
const next = require('next')
const cookieParser = require('cookie-parser')
const routes = require('../universal/routes')

const dev = process.env.NODE_ENV !== 'production'
const app = next({ dev })
const handle = app.getRequestHandler()
const routeHandler = routes.getRequestHandler(app)

stramel

import App, { Container } from 'next/app'
import React from 'react'

class MyApp extends App {
  render() {
    const {
      Component, pageProps
    } = this.props

    return (

stramel

Installing Powerline fonts on Windows 10

Steps

1. Download and extract zip from here
2. Press Windows + x
3. Press a (Selects PowerShell (Admin))
4. Navigate to directory where fonts were extracted to (cd ${HOME}\Downloads\fonts-master\fonts-master)
5. Set Execution Policy Set-ExecutionPolicy RemoteSigned [1]
6. Press y then Enter to accept

stramel

Abortable Fetch helper

Usage

import fetch, { ABORT_ERROR } from 'custom-fetch'

const abortableFetch = makeAbortable(fetch) // Defaults to `window.fetch` if no fetch is passed

const request = abortableFetch('/URL') // Returns an object with a `promise` and an `abort` property