Alex Earley DevEarley

First-Class Functions in JavaScript

What is a First-Class Citizen?

An entity that supports being passed as an argument, is mutable, can be assigned to a variable or returned from a function.

Functions as arguments

For example:

function sumOperation(values){
	const total = 0;
	values.forEach(x=> total += x);

Navigate to the folder where you would like to store node_modules. In this example I will use the %userprofile% shortcut.

I am building an Angular app. So in another temp directory I created a dummy app and copied it's package.json and its node_modules folder into my User Profile directory.

Create a cmd file that contains the following.

mklink "./node_modules" "%userprofile%/node_modules"

Now you can run that command anywhere you need those node_modules.

Why would you need this? Perhaps you need to build libraries for an old app. This way you can get all of the correct packages (and their peer dependencies) without installing an old version of the CLI globally.

First delete the global version of Angular CLI (this step sucks, I know...)

npm uninstall -g @angular/cli

Next use NPX to run any version of the CLI that you need. In this case, version 6.0.1 (Angular v6 has an issue with RXJS, you will need to change the rxjs version from "^6.0.0" to "6.0.0" in packages.json and reinstall it with npm.)

npx -p @angular/[email protected] ng new hello-world

Get values from ActivatedRoute

class MyComponent {
  constructor(route: ActivatedRoute) {
    const id: string = route.snapshot.params.id;
    const user = route.snapshot.data.user;
    const parentId = route.snapshot.parent.paramMap.get("id")
  }
}

	this.filteredItems = this.listOfItems.filter(textToMatch => {
	let regExMatch = new RegExp(sourceText.toLowerCase(), "g");
	const result = textToMatch.toLowerCase().match(regExMatch)
	return result != null && result.length > 0;
	});

	$scroll-time:15s;

	.marquee {
	display: inline-block;
	padding-left: 100%;
	animation: marquee $scroll-time linear infinite;
	}

	@keyframes marquee {
	0% { transform: translate(0, 0); }

	/*!
	Show Grid - Hides stuff depending on your window's width.
	DevEarley - 2019
	*/

	$xs: 0;
	$sm: 576px;
	$md: 768px;
	$lg: 992px;
	$xl: 1200px;