A series of colored pencils of various lengths
Photo by Jess Bailey on Unsplash

What is semantic versioning?


Photo by Donald Giannatti on Unsplash
const array: string[] = [ 'Scooby', 'Dooby', 'Dooby', 'Doo' ];

The Good, The Bad, and The Ugly.

Approach One: The Ugly

const array: string[] = [ 'Scooby', 'Dooby', 'Dooby', 'Doo' ];
const uniques: string[] = [];
for…


version 6.3
""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
" General
""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
" Text width set to 78
set textwidth=78
" Set the title string
set title
set titlestring=%t%(\ %M%)%(\ (%{expand(\"%:~:.:h\")})%)%(\ %a%)
" List chars
set lcs=tab:>-,trail:�
" Set no-compatible
set nocp
" Write…

At some point during an application’s development, you’ll eventually come across some data in a component that you will need to share with another component. In Angular, we can accomplish this multiple ways.

Scenario 1: Passing data from a parent component to its child

import { Component, Input } from '@angular/core';@Component({ 
selector: 'app-child',
template: `name = ${name}`
})
export class ChildComponent {
@Input() name: string = '';}

...<div class="resizers"
[style.width.px]="size.x"
[style.height.px]="size.y">
<div class="resizer right"></div>
<div class="resizer left"></div>
<div class="resizer bottom"></div>
<div class="resizer top"></div>
<div class="resizer top-right"></div>…

<div #wrapper class="frame-wrapper">
<div #topBar></div>
<div class="content-wrapper"></div>
<div class="resizers"></div>
</div>
.frame-wrapper {
position: absolute;
border: 2px solid black;
}
.content-wrapper {
position…

Chris Engelsma

Geophysicist, Software Engineer, Web Developer, Data Scientist

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store