evan-boissonnot

# Save branch history and revert easily
git merge --no-ff
git revert -m 1 <hash>

# Show n lines of context around diff lines instead of the usual +/- 3
git diff -U<n>

# Check which branches are merged
git branch --merged

evan-boissonnot

async function launch() {
  const { crier } = await import('./testImportFile.js');
  crier();
}
launch();


---- testImportFile.js
export function crier() {
  console.log('roaaarrrr !');

evan-boissonnot

const unWookie2 = {
  prenom: 'Chewie',
  nbPoils: 14789963201456n,
  nbShampoings: BigInt('9007199254740991'),
  arme: {
    tirer: function() {
      appDiv.innerHTML += ' <b>shot</b>';
    }
  }

evan-boissonnot

const unWookie = {
  prenom: 'Chewie'
}

unWookie.arme?.tirer();

const unWookie2 = {
  prenom: 'Chewie',
  arme: {
    tirer: function() {

evan-boissonnot

let firstName = null;
let lastName = null;
let nickName = 'Chewie';

let result = `${firstName ?? lastName ?? nickName}`;

// Write Javascript code!
const appDiv = document.getElementById('app');
appDiv.innerHTML = `<h1>${result}</h1>`;

evan-boissonnot

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

---

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

---

evan-boissonnot

// Boring
if (isThisAwesome) {
  alert('yes'); // it's not
}

// Awesome
isThisAwesome && alert('yes');

// Also cool for guarding your code
var aCoolFunction = undefined;

evan-boissonnot

"es5": {
  "tsConfig": "./tsconfig.app.es5.json"
}

evan-boissonnot

import { Component, OnInit, ViewChild, ComponentFactoryResolver, ViewContainerRef } from '@angular/core';
import { Droide } from '../droide';
import { DroideService } from '../droide.service';
import { LandingZonaDirective } from '../landing-zona.directive';
import { state } from '@angular/animations';

@Component({
  selector: 'app-list-buttons',
  templateUrl: './list-buttons.component.html',
  styleUrls: ['./list-buttons.component.css']

evan-boissonnot

import { Component, OnInit } from '@angular/core';
import { Droide } from '../droide';
import { DroideService } from '../droide.service';

@Component({
  selector: 'app-list-buttons',
  templateUrl: './list-buttons.component.html',
  styleUrls: ['./list-buttons.component.css']
})
export class ListButtonsComponent implements OnInit {