Ilya Lesik ilyalesik

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.

EMOJI CHEAT SHEET

Emoji emoticons listed on this page are supported on Campfire, GitHub, Basecamp, Redbooth, Trac, Flowdock, Sprint.ly, Kandan, Textbox.io, Kippt, Redmine, JabbR, Trello, Hall, plug.dj, Qiita, Zendesk, Ruby China, Grove, Idobata, NodeBB Forums, Slack, Streamup, OrganisedMinds, Hackpad, Cryptbin, Kato, Reportedly, Cheerful Ghost, IRCCloud, Dashcube, MyVideoGameList, Subrosa, Sococo, Quip, And Bang, Bonusly, Discourse, Ello, and Twemoji Awesome. However some of the emoji codes are not super easy to remember, so here is a little cheat sheet. ✈ Got flash enabled? Click the emoji code and it will be copied to your clipboard.

People

😄

Encoding Video

Installing

Install FFmpeg with homebrew. You'll need to install it with a couple flags for webm and the AAC audio codec.

brew install ffmpeg --with-libvpx --with-libvorbis --with-fdk-aac --with-opus

GRAPHIK font

https://cdn.rawgit.com/mfd/e7842774e037edf15919037594a79b2b/raw/665bdfc532094318449f1010323c84013d5af953/graphik.css

<link rel="stylesheet prefetch" href="https://cdn.rawgit.com/mfd/e7842774e037edf15919037594a79b2b/raw/665bdfc532094318449f1010323c84013d5af953/graphik.css">

I've been deceiving you all. I had you believe that Svelte was a UI framework — unlike React and Vue etc, because it shifts work out of the client and into the compiler, but a framework nonetheless.

But that's not exactly accurate. In my defense, I didn't realise it myself until very recently. But with Svelte 3 around the corner, it's time to come clean about what Svelte really is.

Svelte is a language.

Specifically, Svelte is an attempt to answer a question that many people have asked, and a few have answered: what would it look like if we had a language for describing reactive user interfaces?

A few projects that have answered this question:

	-- AppleScript --

	-- This example is meant as a simple starting point to show how to get the information in the simplest available way.
	-- Keep in mind that when asking for a `return` after another, only the first one will be output.
	-- This method is as good as its JXA counterpart.

	-- Webkit variants include "Safari", "Webkit", "Orion".
	-- Specific editions are valid, including "Safari Technology Preview".
	-- "Safari" Example:
	tell application "Safari" to return name of front document

	---
	language: objective-c
	before_script:
	- ./scripts/travis/add-key.sh
	after_script:
	- ./scripts/travis/remove-key.sh
	after_success:
	- ./scripts/travis/testflight.sh
	env:
	global:

	// require modules
	var restify = require('restify'),
	i18n = require('i18n'),
	app;

	// minimal config
	i18n.configure({
	locales: ['en', 'de'],
	directory: __dirname + '/locales'
	});

	import MessageQueue from 'react-native/Libraries/BatchedBridge/MessageQueue.js';

	const WHITELIST = ['UIManager'];
	const NOOP = () => { };

	let queue = [];
	let now = 0;
	export default {
	start() {
	MessageQueue.spy(msg => {