Pavel Trehubau boccob

The introduction to Reactive Programming you've been missing

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.

HTML, CSS, JS

Intro: https://www.youtube.com/playlist?list=PL697D36B35F92E9E4 (1)
JS:
- Single page: https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript (2)
- Video: http://video.ch9.ms/ch9/DF01/97ECAC6F-5413-486A-B9D5-9EB60082DF01/MIX11HTM06_high_ch9.mp4 (5)
- Intermediate: http://ejohn.org/apps/learn (6)
- Philip Roberts: What the heck is the event loop anyway? https://www.youtube.com/watch?v=8aGhZQkoFbQ

Book: http://eloquentjavascript.net/

This is an auth example (WIP)

react + redux + RR

It uses https://gist.github.com/iNikNik/3c1b870f63dc0de67c38 for stores and actions.

1) create redux

const redux = createRedux(state);

2) get requireAccess func => bindCheckAuth to redux

Disclaimer: Многие доклады смотрелись и отчёты писались в поезде, спать хотелось капец.

Disclaimer 2: Если что, простите за орфорграфию.

1. Tom Occhino - Keynote Part 1

Вступление, в основном - нудное бла, бла, бла. Из достижений - 547,138 ReactDevTools installed on Chrome. Тем кто териториально недалеко от San Francisco Bay Area может быть интересно, что FB проводит открытые митапы - ReactWednesday.

Докладчик харизматичный, слушать его приятно.

	gulp = require 'gulp'
	coffee = require 'gulp-coffee'
	coffeelint = require 'gulp-coffeelint'
	connect = require 'gulp-connect'
	cached = require 'gulp-cached'
	clean = require 'gulp-clean'
	rjs = require 'gulp-requirejs'
	karma = require('karma').server
	karmaRunner = require('karma').runner
	requirejs = require 'requirejs'

	" Before using this configuration follow the instruction below
	"
	" Check the requirements for plugins:
	" * highlight (brew) required for preview FZF
	" * livedown (npm) required for vim-livedown
	" * standard (npm) required for syntastic check of javascript
	" * tslint (npm) required for syntastic check of typescript
	" * typescript (npm) required for Quramy/tsuquyomi
	"
	" Create folders for storing temporary files

	=force-new-lines-for-long-words
	-ms-word-break: break-all
	word-break: break-all
	word-break: break-word
	-webkit-hyphens: auto
	-moz-hyphens: auto
	hyphens: auto

	//npm i gulp gulp-stylus gulp-plumber browser-sync bs-fullscreen-message

	var gulp = require('gulp');
	var stylus = require('gulp-stylus');
	var plumber = require('gulp-plumber');
	var browserSync = require('browser-sync').create();

	//Enable "Fullscreen Messages" plugin in Browsersync Plugins web settings (http://localhost:3001/plugins)
	//Notification template
	var bsError = function(data) {

	/**
	* Using Operator Mono in Atom
	*
	* 1. Open up Atom Preferences.
	* 2. Click the “Open Config Folder” button.
	* 3. In the new window’s tree view on the left you should see a file called “styles.less”. Open that up.
	* 4. Copy and paste the CSS below into that file. As long as you have Operator Mono SSm installed you should be golden!
	* 5. Tweak away.
	*
	* Theme from the screenshot (http://cdn.typography.com/assets/images/blog/operator_ide2.png):

	// See original announcement at http://permalink.gmane.org/gmane.comp.java.openjdk.core-libs.devel/2628

	/**
	* <at> author Vladimir Yaroslavskiy
	* <at> version 2009.09.10 m765
	*/
	public class DualPivotQuicksort {

	public static void sort(int[] a) {
	sort(a, 0, a.length);