Elliot Schep chicken-suop

Ps: The current setup was done on 01-04-19

Project Dependency Versions at the time 👇

  "react": "^16.7.0",
  "react-dom": "^16.7.0",
  "react-scripts": "2.1.3",
  "typescript": "^3.2.2"
  "tslint": "^5.12.0",
  "tslint-config-prettier": "^1.17.0",

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

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.

C# For Python Programmers

Syntax and core concepts

Basic Syntax

Single-line comments are started with //. Multi-line comments are started with /* and ended with */.
C# uses braces ({ and }) instead of indentation to organize code into blocks. If a block is a single line, the braces can be omitted. For example,

⇐ back to the gist-blog at jrw.fi

Advanced SCSS

Or, 16 cool things you may not have known your stylesheets could do. I'd rather have kept it to a nice round number like 10, but they just kept coming. Sorry.

I've been using SCSS/SASS for most of my styling work since 2009, and I'm a huge fan of Compass (by the great @chriseppstein). It really helped many of us through the darkest cross-browser crap. Even though browsers are increasingly playing nice with CSS, another problem has become very topical: managing the complexity in stylesheets as our in-browser apps get larger and larger. SCSS is an indispensable tool for dealing with this.

This isn't an introduction to the language by a long shot; many things probably won't make sense unless you have some SCSS under your belt already. That said, if you're not yet comfy with the basics, check out the aweso

	#!/bin/bash

	# arp -ani en0
	# ^^ Get MAC addrs of other users on same network.
	# Change en0 to your network interface.
	# On macos, this can be seen through:
	# networksetup -listallhardwareports

	# sudo ifconfig en0 ether $MAC
	# ^^ replace $MAC with an addr from above command

	'use strict';

	var React = require('react-native');
	var {
	AppRegistry,
	StyleSheet,
	Text,
	View,
	Easing,
	Animated,

	import React, {AppRegistry, Text, View, Dimensions, ScrollView, Image} from 'react-native'

	const window = Dimensions.get('window')
	const imageDimensions = {
	height: window.height,
	width: window.width
	}

	var SampleApp = React.createClass({
	render: function () {

	function mySlowFunction(baseNumber) {
	console.time('mySlowFunction');
	let result = 0;
	for (var i = Math.pow(baseNumber, 7); i >= 0; i--) {
	result += Math.atan(i) * Math.tan(i);
	};
	console.timeEnd('mySlowFunction');
	}

	mySlowFunction(8); // higher number => more iterations => slower