Joe Palala jpalala

Basic observable

import Rx from 'rxjs/Rx';

const source$ = Rx.Observable(observer => {
    console.log('Creating observable');

    observer.next('Hello'); //emits value
 observer.complete(); //need to tell when the observer is complete

https://github.com/ctrlpvim/ctrlp.vim

https://github.com/tpope/vim-surround

https://github.com/tpope/vim-fugitive

https://github.com/editorconfig/editorconfig-vim

2020 JS framework roadmap

jQuery 
-> Bootstrap CSS
--> Backbone basics,
---> AngularJS (so you know how complicated Angular is), 
-----> Angular  
-------> Angular + Bootstrap 
---------&gt; React/Vue (Learn how to better simplify and organize your code, using what you know from angular )

wget -c https://raw.githubusercontent.com/rupa/z/master/z.sh -O $HOME

WARNING THis goes contrary to Deno philosophy of no package.json dependencies.

Imports management

This Article from dev.to desrcibes a way to keep packages updated (or at least notify you if package needs updating).

But there's already an existing tool called npm. How can we take advantage of npm to distribute deno packages. Among other things, since deno acts from cdns, you can also

Idea 1: What if instead, you ship deno packages as npm packages

TIL: The :host pseudo selector

:host {
  display: block;
  border: 1px solid black;
}

// thanks to https://angular.io/guide/component-styles#host

	/*
	Serve is a very simple static file server in go
	Usage:
	-p="8100": port to serve on
	-d=".": the directory of static files to host

	Navigating to http://localhost:8100 will display the index.html or directory
	listing file.
	*/
	package main

	<!doctype html>
	<html>
	<script>
	var search = location.search;
	var paramsString = "?p=2&topic=api";
	//var searchParams = new URLSearchParams(paramsString);
	var searchParams = new URLSearchParams(search);
	console.log('s: ', search);
	console.log(searchParams.get("p"));
	</script>

	Building component - determine what is permanent markup and dynamic markup (if dynamic - could be extensible via component argument?)
	Or is it content?

	When to know if its for content: Is it possible other people will write other of html markup.

	For example, in a form, there are input controls. If people can possibly put a dropdown (`<select>`), make your component style be able to handle that.

	encrypting self

	openssl enc -bf -pass pass:secret -in ~/.ssh/id_rsa -out ~/Dropbox/private/id_rsa.bf