kubk

# Fix inotify issue: https://stackoverflow.com/a/56156015

kubk

export class PlayerStore {
  song?: Song;
  isPlaying = false;

  constructor() {
    makeAutoObservable(this);
  }

  playSong(song: Song) {
    this.song = song;

kubk

class UsersStore {
  isLoaded = false;
  users = [];

  constructor() {
    makeAutoObservable(this)
  }
  
  loadUsers() {
    if (this.isLoaded) {

kubk

Ссылки:
 - Лишний ререндер: https://codesandbox.io/s/usecontext-problem-b6evb
 - Переизобретают Mobx с массой ограничений: https://habr.com/ru/post/546124/
 - Разработчики из Atlassian не смогли переписать react-beautiful-dnd с Redux на контекст из-за проблем с перформансом: https://github.com/atlassian/react-beautiful-dnd/issues/1576#issuecomment-549643226

kubk

class ListStore<T> {
  isLoading = false;
  list: T[] = [];

  constructor(loadList: () => Promise<T[]>) {
    makeAutoObservable(this)
  }

  loadList() {
    this.isLoading = true;

kubk

import { assert } from "ts-essentials";

export class Container {
  private services = new Map<string, object>();
  private factories = new Map<string, (container: Container) => object>();

  set(key: string, factory: (container: Container) => object) {
    this.factories.set(key, factory);
  }

kubk

import {createStore, createEvent} from 'effector'
import {useStore} from 'effector-react'

const increment = createEvent()
const decrement = createEvent()

const counter = createStore(0)
  .on(increment, state => state + 1)
  .on(decrement, state => state - 1)

kubk

const store = makeAutoObservable({
  shop: {
    taxPercent: 8,
    items: [
      { name: 'apple', value: 1.20 },
      { name: 'orange', value: 0.95 },
    ]
  },
  get subtotal() {
    return this.shop.items.reduce((acc, item) => acc + item.value, 0);

kubk

// RxJS - FRP
const increment = new Subject<void>();
const decrement = new Subject<void>();
const add = new Subject<number>();

type State = number;

const count$ = merge(
  increment.pipe(mapTo((state: State) => state + 1))
  decrement.pipe(mapTo((state: State) => state - 1)),

kubk

createEnvFile() {
    production=$1
    hmr=$2
    file=$3
    echo "export const environment = {" > $file
    echo "  production: $production," >> $file
    echo "  hmr: $hmr" >> $file
    echo "};" >> $file
}