Ben benweizhu

GOTO 2017 • The Many Meanings of Event-Driven Architecture - Martin Fowler

(the video is here, the original talk notes are here)

At least one of those four patterns are in play when you talk about "event-driven" architectures:

Event Notification: components communicating via events
Event-carried State Transfer: allowing components to access data without calling the source
Event Sourcing: using an event log as the primary record for a system
CQRS: having a separate component for updating a store from any readers of the store

I wanted to figure out the fastest way to load non-critical CSS so that the impact on initial page drawing is minimal.

TL;DR: Here's the solution I ended up with: https://github.com/filamentgroup/loadCSS/

For async JavaScript file requests, we have the async attribute to make this easy, but CSS file requests have no similar standard mechanism (at least, none that will still apply the CSS after loading - here are some async CSS loading conditions that do apply when CSS is inapplicable to media: https://gist.github.com/igrigorik/2935269#file-notes-md ).

Seems there are a couple ways to load and apply a CSS file in a non-blocking manner:

Pure CSS browser mockups

Forked from Adrien Jarthon's Pen Pure CSS browser mockups.

A Pen by Giovani Oliveira on CodePen.

License.

	[server]
	SERVER

	[server:vars]
	server_name=SERVER
	[email protected]
	docker_nginx_ssl=true

	# Backup
	docker exec CONTAINER /usr/bin/mysqldump -u root --password=root DATABASE > backup.sql

	# Restore
	cat backup.sql \| docker exec -i CONTAINER /usr/bin/mysql -u root --password=root DATABASE

	package demo;

	import java.io.Serializable;
	import java.security.Principal;
	import java.util.Collection;
	import java.util.Collections;
	import java.util.HashMap;
	import java.util.Map;
	import java.util.UUID;

	#!/bin/bash

	####
	#### Delete (remove) all items from Aws Dynamo DB table, by specifing table name and primary key
	####
	#### Forked from https://gist.github.com/k3karthic/4bc929885eef40dbe010
	####
	#### Usage:
	#### clean-dynamo-table TABLE_NAME PRIMARY_KEY
	####


	#user nobody;
	#Defines which Linux system user will own and run the Nginx server

	worker_processes 1;
	#Referes to single threaded process. Generally set to be equal to the number of CPUs or cores.

	#error_log logs/error.log; #error_log logs/error.log notice;
	#Specifies the file where server logs.

	// getComponent is a function that returns a promise for a component
	// It will not be called until the first mount
	function asyncComponent(getComponent) {
	return class AsyncComponent extends React.Component {
	static Component = null;
	state = { Component: AsyncComponent.Component };

	componentWillMount() {
	if (!this.state.Component) {
	getComponent().then(Component => {