hack/err kfrp

My FE/DOM Libraries

a gist to recap the current status, also available as library picker!

Minimalistic Libraries

do one thing only and do it well

µhtml (HTML/SVG auto-keyed and manual keyed render)
augmentor (hooks for anything)
wickedElements (custom elements without custom elements ... wait, what?)

Moved to Shopify/graphql-design-tutorial

How to setup Let's Encrypt for Nginx on Ubuntu 18.04 (including IPv6, HTTP/2 and A+ SLL rating)

Virtual hosts

Let's say you want to host domains first.com and second.com.

Create folders for their files:

Pre-requisite: go to http://www.chiark.greenend.org.uk/~sgtatham/putty/download.html download http://the.earth.li/~sgtatham/putty/latest/x86/putty.exe and http://the.earth.li/~sgtatham/putty/latest/x86/puttygen.exe

Run puttygen and generate the key

Click 'Generate' move the mouse around as instructed and wait

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

OAUTH2

The Problem

I’m a web app that wants to allow other web apps access to my users’ information, but I want to ensure that the user says it’s ok.

The Solution

I can’t trust the other web apps, so I must interact with my users directly. I’ll let them know that the other app is trying to get their info, and ask whether they want to grant that permission. Oauth defines a way to initiate that permission verification from the other app’s site so that the user experience is smooth. If the user grants permission, I issue an AuthToken to the other app which it can use to make requests for that user's info.

Note on encryption

Oauth2 has nothing to do with encryption -- it relies upon SSL to keep things (like the client app’s shared_secret) secure.

	import Paper from "@material-ui/core/Paper";
	import { withStyles } from "@material-ui/core/styles";
	import { graphql } from "react-apollo";
	import { compose } from 'recompose';
	import getTree from './queries/getTree';
	import styles from './styles';

	const Canvas = ({
	classes,
	// activeItem,

	// --------------------------------------------------
	// Flexbox SASS mixins
	// The spec: http://www.w3.org/TR/css3-flexbox
	// --------------------------------------------------

	// Flexbox display
	@mixin flexbox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;

	[ /Title (Elementary Differential Equations)
	/Author (Edwards & Penney)
	/DOCINFO pdfmark

	[ /Title (Contents)
	/Page 6
	/OUT pdfmark

	[ /Count -8
	/Title (1. First-Order Differential Equations)

	# Dependencies
	# nginx_lua
	# lua uuid module (luarocks install uuid)

	http {

	# this will be the request id
	map $host $request_uuid {
	default '';
	}