Syoichi Tsuyuhara syoichi

React (Virtual) DOM Terminology

In React's terminology, there are five core types that are important to distinguish:

ReactElement / ReactElement Factory
ReactNode
ReactComponent / ReactComponent Class

React Elements

I feel the need to have a little rant about MooTools and ES7 and the whole 'Array.contains' hoo-hah.

When MooTools came out in 2006, the most popular framework was Prototype. As the name suggests, it extended prototypes, as did MooTools. People still referred to making websites with JavaScript as 'DHTML', there was no trim method on strings, there wasn't even a forEach method on arrays. JavaScript was a crippled language. IE6 ruled the waves.

MooTools, Prototype, Dojo, Base2 - they made the language usable, even fun, to work with. By using an incredible feature of JavaScript, prototypical inheritance, we were able to add features to the language that made it palatable.

Be it simple methods like number.toInt, string.trim, array.forEach, or familiar programming constructs such as Class, MooTools and its ilk took JavaScript from something impossible to work with to something that you could properly use to build awesome sites, and even apps - Microsoft, IE and desktop ruled everything, and the concept of a 'we

Fluxアーキテクチャ覚え書き

参考資料

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

	var net = require('net'),
	hpack = require('./hpack');

	var FRAME_HEADER_LEN = 9;

	function createSettingsFrame(ack) {
	var flag = ack ? 0x1 : 0x0;

	var frameHeader = new Buffer(FRAME_HEADER_LEN);
	frameHeader.writeUInt32BE(0x0, 0);

	// ==UserScript==
	// @name Load Image Immediately
	// @namespace http://noromanba.flavors.me
	// @description immediately load images w/ PagerExtention for UserScript
	// @include http://gigazine.net/*
	// @include http://www.moae.jp/comic/*
	// @include http://omocoro.jp/*
	// @include http://rocketnews24.com/*
	// @grant none
	// @run-at document-end

	// ==UserScript==
	// @name tugino renkyu for Opera10.10
	// @include http://misc.tokyoenvious.net/holidays/holidays.html
	// ==/UserScript==

	(function() {

	if (parseFloat(opera.version()) >= 12) return;

	if (!window.console) {

	// ==UserScript==
	// @name Load Image Immediately
	// @namespace http://noromanba.flavors.me
	// @description images immediately load w/ PagerExtention for UserScript
	// @include ://gigazine.net/
	// @include ://www.moae.jp/comic/
	// @include ://omocoro.jp/
	// @include ://rocketnews24.com/
	// @grant none
	// @noframes

	" .lvimrc for Chromium
	" vim: set ft=vim:
	setl expandtab
	setl tabstop=2
	setl softtabstop=2
	setl shiftwidth=2
	setlocal textwidth=80
	setlocal colorcolumn=+1

	(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
	// ==UserScript==
	// @name Sort the work list for pixiv
	// @version 0.1.11
	// @description Makes possible to toggle the asc/desc of work list.
	// @author 8th713
	// @namespace http://8th713.tumblr.com/
	// @match http://www.pixiv.net/member_illust.php?id*
	// @noframes
	// @copyright 2014, 8th713