Rafiqul Islam rafpro

Demo: Coordinating async React with non-React views

tl;dr I built a demo illustrating what it might look like to add async rendering to Facebook's commenting interface, while ensuring it appears on the screen simultaneous to the server-rendered story.

A key benefit of async rendering is that large updates don't block the main thread; instead, the work is spread out and performed during idle periods using cooperative scheduling.

But once you make something async, you introduce the possibility that things may appear on the screen at separate times. Especially when you're dealing with multiple UI frameworks, as is often the case at Facebook.

How do we solve this with React?

Mac OS X LEMP Configuration

This Gist is a collection of configuration files that can be used to easily setup a Homebrew-based LEMP stack on Mac OS X.

Files in this repository are numbered and named for ordering purposes only. At the top of each file is a section of metadata that denote what component the file belongs to and the default name & location of the file. Feel free to implement it however you want.

Note: some configuration files have hard-coded paths to my user directory -- fix it for your setup

Setup

Remove MySQL completely

Open the Terminal
Use mysqldump to backup your databases
Check for MySQL processes with: ps -ax | grep mysql
Stop and kill any MySQL processes
Analyze MySQL on HomeBrew:

brew remove mysql

	<?php
	namespace App\Exceptions;

	use Exception;
	use Illuminate\Validation\ValidationException;
	use Illuminate\Auth\Access\AuthorizationException;
	use Illuminate\Database\Eloquent\ModelNotFoundException;
	use Symfony\Component\HttpKernel\Exception\HttpException;
	use Laravel\Lumen\Exceptions\Handler as ExceptionHandler;

	class EventEmitter{

	constructor(){
	this.events = {};
	}

	_getEventListByName(eventName){
	if(typeof this.events[eventName] === 'undefined'){
	this.events[eventName] = new Set();
	}

	@mixin breakpoint($min: 0, $max: 0) {
	$type: type-of($min);

	@if $type == string {
	@if $min == xs {
	@media (max-width: 767px) { @content; } // Mobile Devices
	}

	@else if $min == sm {
	@media (min-width: 768px) { @content; } // Tablet Devices

	/*
	* Functional Programming in JavaScript
	* Chapter 01
	* Magical -run- function in support of Listing 1.1
	* Author: Luis Atencio
	*/
	// -run- with two functions
	var run2 = function(f, g) {
	return function(x) {
	return f(g(x));

	<?php

	add_filter( 'wp_nav_menu_items', 'add_logout_link', 10, 2);

	/**
	* Add a login link to the members navigation
	*/
	function add_logout_link( $items, $args )
	{
	if($args->theme_location == 'site_navigation')