David Young dcyoung-dev

## teminal_get_unique_from_paste.sh
#!/bin/bash
pbpaste |  sort | uniq

## Swithing Bash to ZSH.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                dcyoung-dev
                / Swithing Bash to ZSH.md
            
            
              Created
              June 7, 2019 13:49
            
          
    Switching from bash to zsh


Install zsh using brew
brew install zsh
Set ZSH as default shell
chsh -s /bin/zsh
Copy bash profile
cat ~/.bash_profile >> ~/.zshrc


## app.component.html
<h1>Product Records</h1>

<div *ngFor="let record of productRecords | async">
  {{record.itemNumber}}
</div>

## ng8-lazy-app-routing.module.ts
const routes: Routes = [
  {
    path: 'old-lazy',
    loadChildren: './old-lazy/old-lazy.module#OldLazyModule'
  },
  {
    path: 'new-lazy',
    loadChildren: () => import('./new-lazy/new-lazy.module')
      .then(m => m.NewLazyModule)
  }

## Don't install NPM packages globally
`npx -p <package-name> <command>`

eg.

Create new Angular project
`npx -p @angular/cli ng new new-project-name`

Create new NextJS project
`npx -p @nextjs/cli next new new-project-name`

## app.component.html
<div id="map">
  <h4>From map</h4>
</div>

<div id="loc_details">
  <h4>Current Location</h4>
  <p>
    Lat : {{geoLoc.lat }}
  </p>
  <p>

## css-breakpoint-mixin-vars.scss
@mixin for-size($range) {
  $phone-upper-boundary: 37.5rem;
  $tablet-portrait-upper-boundary: 56.25rem;
  $tablet-landscape-upper-boundary: 75rem;
  $desktop-upper-boundary: 112.5rem;

  @if $range == phone-only {
    @media (max-width: #{$phone-upper-boundary - 1}) { @content; }
  } @else if $range == tablet-portrait-up {
    @media (min-width: $phone-upper-boundary) { @content; }
	<h1>Product Records</h1>

	<div *ngFor="let record of productRecords \| async">
	{{record.itemNumber}}
	</div>
	const routes: Routes = [
	{
	path: 'old-lazy',
	loadChildren: './old-lazy/old-lazy.module#OldLazyModule'
	},
	{
	path: 'new-lazy',
	loadChildren: () => import('./new-lazy/new-lazy.module')
	.then(m => m.NewLazyModule)
	}
	`npx -p <package-name> <command>`

	eg.

	Create new Angular project
	`npx -p @angular/cli ng new new-project-name`

	Create new NextJS project
	`npx -p @nextjs/cli next new new-project-name`
	<div id="map">
	<h4>From map</h4>
	</div>

	<div id="loc_details">
	<h4>Current Location</h4>
	<p>
	Lat : {{geoLoc.lat }}
	</p>
	<p>
	@mixin for-size($range) {
	$phone-upper-boundary: 37.5rem;
	$tablet-portrait-upper-boundary: 56.25rem;
	$tablet-landscape-upper-boundary: 75rem;
	$desktop-upper-boundary: 112.5rem;

	@if $range == phone-only {
	@media (max-width: #{$phone-upper-boundary - 1}) { @content; }
	} @else if $range == tablet-portrait-up {
	@media (min-width: $phone-upper-boundary) { @content; }