artalar

• https://github.com/GantMan/ReactStateMuseum

• https://github.com/storeon/storeon

• https://github.com/reduxjs/redux

• https://github.com/bowheart/zedux

• https://github.com/zmitry/okdux

• https://github.com/oguzgelal/reclare

• https://github.com/theKashey/restate

• https://github.com/rematch/rematch

• https://github.com/TinkoffCreditSystems/stapp

artalar

export type EventOfTarget<
  Target extends EventTarget,
  Type extends string,
> = Target extends Record<`on${Type}`, infer Cb>
  ? // @ts-expect-error `Cb extends Fn` broke the inference for some reason
    Parameters<Cb>[0] // correct type
  : Target extends Record<'onEvent', (type: Type, cb: infer Cb) => any>
  ? // @ts-expect-error `Cb extends Fn` broke the inference for some reason
    Parameters<Cb>[0] // general type
  : never

artalar

const ctxBase = createCtx();
const listeners = new Set();
const { subscribe } = ctx;
export const ctx = Object.assign({}, ctxBase, {
  subscribe(...a) {
    const un = subscribe.apply(this, a);

    // logs
    if (a.length === 1) return un;

artalar

import { $corsProxyEnabled } from '@/src/entities/cors-proxy/model/store'
import { checkInstanceUrl } from '@/src/features/instance/api/check'
import { InstanceCheckResult } from '@/src/features/instance/model/model'
import { BuildConfig } from '@/src/shared/model/build-config'
import {
  combine,
  createEffect,
  createEvent,
  createStore,
  restore,

artalar

Приёмы оптимизации кода по скорости

Организационные

• Культура разработки performance-first: https://tonsky.me/blog/performance-first/
• Бюджет скорости: https://wp-rocket.me/blog/performance-budgets/
• Performance mantra: http://www.brendangregg.com/blog/2018-06-30/benchmarking-checklist.html

Не зависящие от языка и его реализации

• Rosetta Code - реализации задач на разных языках: http://rosettacode.org/wiki/Collections
• Статьи по основным структурам данных:

artalar

Structure

Concepts

workflow - is a common term for user story / business workflow

utils - basic reusable constants, functions and services without knowledge of a workflow

unit testing. tip: use uvu (without CLI)

blocks - basic reusable view components (ui-kit) without knowledge of a workflow

artalar

export const random = (min = 0, max = Number.MAX_SAFE_INTEGER - 1) =>
  Math.floor(Math.random() * (max - min + 1)) + min

const randomObj = (obj: Record<string, any>, deep: number) => {
  if (deep <= 0) return obj

  const keys = random(5, 10)
  for (let i = 0; i < keys; i++) {
    const type = random(0, 2)
    if (type === 0) {

artalar

import { test } from 'uvu'
import * as assert from 'uvu/assert'
import { createTestCtx } from '@reatom/testing'
import { atom } from '@reatom/core'
import { sleep } from '@reatom/utils'

import { reatomAsync, withAbort } from '@reatom/async'

test('safe pooling', async () => {
  const createTask = reatomAsync(async () => Math.random())

artalar

// new API: reatomAsync automatically cancels the previous request
// and all dependent requests when the new request is triggered

const getList = reatomAsync.from(getListApi).pipe(withDataAtom([]));
const getId = reatomAsync.from(getIdApi).pipe(withAbort());
onUpdate(getId.onFulfilled, (ctx, { data: id }) => getList(ctx, id));

const Component = () => {
  const [list] = useAtom(getList.dataAtom);
  const handleChange = useAction((ctx, e) => getId(ctx, e.currentTarget.value));

artalar