본 기사에 대하여

Who am I?

{
  "name": "佐藤有斗（ゆいと）",
  "作ってるもの": "BtoB SaaS",
  "やってること": ["バックエンド", "フロントエンド", "インフラ"],
  "言語": ["Scala", "Typescript", "Python", "Ruby"],
  "スマブラ": { 
    "キャラ": "ネス",
    "世界戦闘力": 2000000
  }
}

이 발표의 목표

Classi Angular Night

모쿠지

Akita와의 만남

그래서 Akita입니다.

Akita란?

Akita 그림

NgRx와의 비교

아키타의 3롤

스토어

import { Injectable } from '@angular/core';
import { Store, StoreConfig } from '@datorama/akita';
import { Counter } from './counter';

@Injectable({ providedIn: 'root' })
@StoreConfig({ name: 'counter' })
export class CounterStore extends Store<Counter> {
  constructor() {
    super({
      count: 0
    });
  }
}

Query

@Injectable({ providedIn: 'root' })
export class CounterQuery extends Query<Counter> {
  constructor(protected store: CounterStore) {
    super(store);
  }
}

서비스

@Injectable({ providedIn: 'root' })
export class CounterService {
  constructor(
    private counterStore: CounterStore
  ) {}

  set(countValue: number) {
    return this.counterStore.update({ count: countValue });
  }
}

Component

export class CounterComponent implements OnInit {
  counter$: Observable<Counter>;

  constructor(
    private counterService: CounterService,
    private counterQuery: CounterQuery
  ) { }

  ngOnInit() {
    this.counter$ = this.counterQuery.select();
  }

  increment(current: number) {
    this.counterService.set(current + 1);
  }
}

오사라이

기본은 이것뿐 🐕

응용편

Entity Store

여기부터 실제 코드로 🐩

사용해도 좋았던 점

어려운 점

참고

고마워요 🐕