k1r0s

public selectUser(user: User): void {

  try {
    if(user.address.city === 'South Elvis') {
      throw new Error(`We cannot retrieve info from people settled in South Elvis >.<'`)
    }

    /* here */
    this.dialogRef = this.dialogFactory.open(
      UserDialogComponent,

k1r0s

const dialogRef = this.dialogFactory.open(
  SomeComponent,
  { 
    opt1: anyOpt,
    opt2: anyOpt,
  }
)

k1r0s

In OOP, each method is an action or verb domain related

Cross Cutting Concerns are pieces of code that brings nothing to understand what this action is really doing by mixing infrastructure concerns with domain concerns

  // stuff that matters
  
 this.dialogRef = this.dialogFactory.open( // this stuff only represents "SHOW A DIALOG, DOMAIN SPEAKING"

k1r0s

@Component({
  selector: 'writers',
  templateUrl: './writers.component.html',
  styleUrls: ['./writers.component.css']
})
export class WritersComponent implements LoadingDialog, InitResourceContainer<User>, CacheContainer, DialogHolder, OnInit {

  public userList: User[] = []
  public dialogRef: MdDialogRef<UserDialogComponent>
  public loadingDialogRef: MdDialogRef<any>

k1r0s

@Component({
  selector: 'user-posts',
  templateUrl: './user-posts.component.html',
  styleUrls: ['./user-posts.component.css']
})
export class UserPostsComponent implements InitResourceContainer<Post>, CacheContainer, LoadingDialog, OnInit {

  public loadingDialogRef: MdDialogRef<any>
  public servicePath: string
  public userPostList: Post[] = []

k1r0s

public selectUser(user: User): void {

    try { // infrastructure <-- language primitive, expressing a place where an error can happen

      // business (if an user from 'South Elvis' was selected)
      if(user.address.city === this.forbiddenCity) {
        throw new Error(`We cannot retrieve info from people settled in ${user.address.city} >.<'`)
      }

      // business (openning a dialog)

k1r0s

  @ReturnException // business <-- capture exception
  @OpenDialog(UserDialogComponent) // business <-- open a dialog having method's returned value
  public selectUser(user: User): User {
    
    // infrastructure <-- this needs to be explicitly placed here
    if(user.address.city === this.forbiddenCity) { 
      // business <-- throw an exception if an user from 'South Elvis' was selected
      throw new Error(`We cannot retrieve info from people settled in ${user.address.city} >.<'`)
    }

k1r0s

/**
 *       <MySelector
 *          options={exampleArr}
 *          printBy="name"
 *          selected={this.selectedOpt}
 *          onOptionSelected={(opt) =>
 *           this.mySelectorValueChange(opt)}
 *         />
 */
import { h, Component } from "preact";

k1r0s

Object.assign(Array.prototype, {
  has(val) {
    return this.indexOf(val) > -1;
  },
  first() {
    return this[0];
  },
  last() {
    return this[this.length - 1];
  }

k1r0s

import { beforeMethod } from "..";

const Delay = secs => meta => setTimeout(meta.commit, secs);

const soMuchDelay = [Delay(1000), Delay(1000), Delay(1000)];

const someBehavior = beforeMethod(...soMuchDelay, Delay(5));

class Car {