Heinrich Goebl hgoebl

Comprehensive Introduction to @ngrx/store

Also check out my lesson @ngrx/store in 10 minutes on egghead.io!

Update: Non-middleware examples have been updated to ngrx/store v2. More coming soon!

Table of Contents

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

Getting Started with a library project in Android Studio

So we're working on creating Android Material Awesome, a library which will hopefully incorperate the benefits of Material Design, Twitter's Bootstrap, and FontAwesome. What we really wanted is a project other people can easily include into their projects using gradle dependencies. To do this we needed to create a standalone library project so we could make it as lightweight as possible for including as a dependency, and a sample app that would use it for testing. These are the steps we took to get started in Android Studio (version 1.1).

Create Projects

The first thing we needed to do was to create two new projects, with all the default settings (Blank Activity etc). One for our sample app, and one for our library. We added both of ours into the same GitHub repo, however you can save them wherever you like.

Fix Up Library Project

Hello, visitors! If you want an updated version of this styleguide in repo form with tons of real-life examples… check out Trellisheets! https://github.com/trello/trellisheets

Trello CSS Guide

“I perfectly understand our CSS. I never have any issues with cascading rules. I never have to use !important or inline styles. Even though somebody else wrote this bit of CSS, I know exactly how it works and how to extend it. Fixes are easy! I have a hard time breaking our CSS. I know exactly where to put new CSS. We use all of our CSS and it’s pretty small overall. When I delete a template, I know the exact corresponding CSS file and I can delete it all at once. Nothing gets left behind.”

You often hear updog saying stuff like this. Who’s updog? Not much, who is up with you?

Provider	Singleton	Instantiable	Configurable
Constant	Yes	No	No
Value	Yes	No	No
Service	Yes	No	No
Factory	Yes	Yes	No
Decorator	Yes	No?	No
Provider	Yes	Yes	Yes

Constant

Description

This simple script will take a picture of a whiteboard and use parts of the ImageMagick library with sane defaults to clean it up tremendously.

The script is here:

#!/bin/bash
convert "$1" -morphology Convolve DoG:15,100,0 -negate -normalize -blur 0x1 -channel RBG -level 60%,91%,0.1 "$2"

	#!/bin/bash

	if [[ "$1" != "" ]]; then
	S3BUCKETNAME="$1"
	else
	echo ERROR: Failed to supply S3 bucket name
	exit 1
	fi

	aws s3 sync build s3://$S3BUCKETNAME --delete --cache-control max-age=31536000,public

	#!/bin/sh
	#Author - Nitesh Tiwari
	#Github - https://github.com/nitiwari-dev

	#add your package_name
	PACKAGE=com.coderconsole

	#create array with all the permission you need to enabled
	PKG_ARRAY='android.permission.CALL_PHONE
	android.permission.GET_ACCOUNTS

	/**
	* Based on @ericprieto code https://github.com/strongloop/loopback/issues/651#issuecomment-140879983
	* place this file into common/mixins/disableAllMethods.js
	*
	**/


	module.exports = function(Model, options) {
	if(Model && Model.sharedClass) {
	var methodsToExpose = options.expose \|\| [];

	// Fakes the call of "deviceready". This can be useful for test purposes, but potentially also for the real website
	// to avoid things like:
	// if inside the app, call this method inside "deviceready"
	// else call this method now.
	(function () {
	var oldAddEventListener = document.addEventListener;

	document.addEventListener = function (eventName, callback) {
	if (eventName === "deviceready") {
	callback();