Lin Kassem AlSara LinKassem

Visual Studio Extensions:

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

C++ Pointer Tutorial

Because pointers can be ugh

"Regular" variables (not pointers)

To understand a pointer, let's review "regular" variables first. If you're familiar with a programming language without pointers like JavaScript, this is what you think when you hear "variable".

When declaring a variable by identifier (or name), the variable is synonymous with its value.

CSS Sprites - http://css-tricks.com/css-sprites/
Put CSS at the top of your page
Reduce number of HTTP requests
Use a CDN
Expires/cache-control header
Specify character set UTF-8 meta tag
Minify HTML, CSS, and JS (Grunt!) - https://github.com/gruntjs/grunt-contrib-uglify, https://github.com/gruntjs/grunt-contrib-cssmin, and https://github.com/gruntjs/grunt-contrib-htmlmin
Concatenate CSS and JS (Grunt!) - https://github.com/gruntjs/grunt-contrib-concat
Enable GZip compression - http://betterexplained.com/articles/how-to-optimize-your-site-with-gzip-compression/
Use efficient CSS selectors (mainly, don't use too many) - http://csswizardry.com/2011/09/writing-efficient-css-selectors/

Setup

git clone <repo>

clone the repository specified by ; this is similar to "checkout" in some other version control systems such as Subversion and CVS

Add colors to your ~/.gitconfig file:

	$ git status
	5 commits pending
	$ git reset --soft HEAD~5 # where 5 is the number of commits you saw in the `git status`
	$ git stash

	const webpackMerge = require("webpack-merge");

	const applyPresets = (env = { presets: [] }) => {
	const presets = env.presets \|\| [];
	/** @type {string[]} */
	const mergedPresets = [].concat(...[presets]);
	const mergedConfigs = mergedPresets.map(presetName => require(`./presets/webpack.${presetName}`)(env));

	return webpackMerge({}, ...mergedConfigs);
	};

	import { FieldProps } from 'formik'
	import React from 'react'
	import Select, { Option, ReactSelectProps } from 'react-select'

	export const SelectField: React.SFC<ReactSelectProps & FieldProps> = ({
	options,
	field,
	form,
	}) => (
	<Select

	<!DOCTYPE html>
	<html>
	<head>
	<title>Box Shadow</title>

	<style>
	.box {
	height: 150px;
	width: 300px;
	margin: 20px;

	git branch -m old_branch new_branch # Rename branch locally
	git push origin :old_branch # Delete the old branch
	git push --set-upstream origin new_branch # Push the new branch, set local branch to track the new remote