Sambath Kumar Logakrishnan 64BitAsura

Remote Dev machine webpack-dev-server HMR + static serving combo

Make sure you have port 8080 (or whatever you use) open on the remote machine!! Don't be like Vinney.

I'm no webpack expert (in fact this is the first project I've set up by hand ever...), but if you know what you're doing you should be able to change the relevant parts of this to fit your project:

# webpack.config.js

module.exports = {

Lsyncd Technical Session

So what is lsyncd?

Lsyncd is a tool used to keep a source directory in sync with other local or remote directories. It is a solution suited keeping directories in sync by batch processing changes over to the synced directories.

When would we use lsyncd?

So the generic use case is to keep a source directory in sync with one or more local and remote directories.

Atom Clojure Setup

This describes how I setup Atom for an ideal Clojure development workflow. This fixes indentation on newlines, handles parentheses, etc. The keybinding settings for enter (in keymap.cson) are important to get proper newlines with indentation at the right level. There are other helpers in init.coffee and keymap.cson that are useful for cutting, copying, pasting, deleting, and indenting Lisp expressions.

Install Atom

Download Atom

The Atom documentation is excellent. It's highly worth reading the flight manual.

Service Worker - offline support for the web

Progressive apps - high-res icon, splash screen, no URL bar, etc.

Progressive Web Apps: Escaping Tabs Without Losing Our Soul

State of emergency in France

Sources

Loi n°55-385 from 1955
Wikipedia / Etat d'urgence en France (general structure)

Process

Virtual DOM and diffing algorithm

There was a [great article][1] about how react implements it's virtual DOM. There are some really interesting ideas in there but they are deeply buried in the implementation of the React framework.

However, it's possible to implement just the virtual DOM and diff algorithm on it's own as a set of independent modules.

	import com.google.gwt.core.client.EntryPoint;
	import com.google.gwt.user.client.ui.RootPanel;
	import com.sencha.gwt.jsinterop.examples.client.ext.Ext;
	import com.sencha.gxt.widget.core.client.button.TextButton;
	import com.sencha.gxt.widget.core.client.event.SelectEvent;
	import com.sencha.gxt.widget.core.client.event.SelectEvent.SelectHandler;

	import jsinterop.annotations.JsFunction;
	import jsinterop.annotations.JsPackage;
	import jsinterop.annotations.JsProperty;

	<!DOCTYPE html>
	<html>
	<head>
	<style>
	body.loading #splash {
	opacity: 1;
	}
	#splash {
	position: absolute;
	top: 0;

	# Install ARCH Linux with encrypted file-system and UEFI
	# The official installation guide (https://wiki.archlinux.org/index.php/Installation_Guide) contains a more verbose description.

	# Download the archiso image from https://www.archlinux.org/
	# Copy to a usb-drive
	dd if=archlinux.img of=/dev/sdX bs=16M && sync # on linux

	# Boot from the usb. If the usb fails to boot, make sure that secure boot is disabled in the BIOS configuration.

	# Set swedish keymap