nirkaufman

async function bootstrap() {
  const config = await fetch('http://localhost:3000/config').then( res => res.json() );

  // You can provide static providers to the created platform
  const browserPlatform = platformBrowserDynamic([
    { provide: ConsoleLogger }
  ]);

  // After bootstrapping your module you can use thק appModuleRef to configure
  // The module injector, and get access to this module components

nirkaufman

import VideoPlayer from "./VideoPlayer";

const App = () => (
  <div>
    <h1>Declarative Usage</h1>

    {/* create context for a VideoPlayer */}
    <VideoPlayer>

      <VideoPlayer.Player src={"sample.mp4"}/>

nirkaufman

// Concept

@Directive({
    selector: 'introTip'
})
class IntroTipDirective implements Oninit{
    @Input('introTip') key: string;

    constructor(private hostElement: ElementRef,
                private interService;

nirkaufman

// *******************************
// Just a wrapper around callbacks,
// So we can use the same API - and state of mind
// *******************************

// helper to create observable
function createObservable(subscribe) {
  return {
    subscribe,

nirkaufman

// Holds a state (currentUser), end expose
// methods to alter it
class Auth {
  constructor() {
    this.currentUser = null;
  }

  signIn() {
    this.currentUser = {name: "Nir"};
  }

nirkaufman

function renderElement(element) {
  const {type, props, children} = element;

  // component support
  if(typeof type === 'function') {
    return renderElement(type(props));
  }

  const domElement = document.createElement(type);

nirkaufman

import {Component} from '@angular/core';
import {Card, CardTypes} from "./cards/cards.types";

@Component({
  selector: 'app-root',
  template: `
      <div class="container m-5">
          
          <ng-container *cardDeck="let card for cards; primary customPrimary"></ng-container>
          

nirkaufman

enum Status {Received, Pending, InProcess, Sent, Delivered }
enum Priority { Low, Medium, High, Urgent }

interface Order {
  id: number;
  itemCount: number;
  ordered: string;
  expectedDelivery: string;
  status: Status,
  priority: Priority;

nirkaufman

let hooks = [];
let idx = 0;

export function useState(initialState) {
  let state = hooks[idx] || initialState;
  let _idx = idx;

  function setState(newState) {
    hooks[_idx] = newState;
    render();

nirkaufman

const website = `nir.life`

const btn = document.createElement('button');

function map(transformFn) {
  return function(inputValueProvider) {
    return createObservable(
        function (onValue, onError, onComplete) {
          inputValueProvider.subscribe(
              (value) => onValue(transformFn(value)),