den-churbanov

import { useContext } from 'react';
import { createStore, createEffect, createEvent, sample, attach, combine, restore } from 'effector';
import { spread, debug, not, and, empty, or } from 'patronum';
import { createGate, useGate } from 'effector-react';
import {
  useLocation,
  useNavigate,
  matchPath,
  generatePath,
  RouteMatch,

ilyaagarkov

import { createContext, ReactNode, useContext } from "react";
import {
  ControllerInjectedResult,
  Form as FormType,
  useForm,
  useFieldArray,
} from "effector-react-form";
import { FieldArray, ResultUseFieldArray } from "effector-react-form/types/ts";

export const FormContext = createContext<any>(null);

epicbytes

/*** function that used as middleware ***/

  accessToken: async (name) => {
    if (typeof document === "undefined") return "";
    let token = document.cookie
      .split(";")
      .filter((cookie) => cookie.startsWith("token"))[0];

    if (!token) {
      const response = await fetch("/api/refresh", { method: "POST" });

diegohaz

type AnyFunction = (...args: any[]) => any

function useEvent<T extends AnyFunction>(callback?: T) {
  const ref = useRef<AnyFunction | undefined>(() => {
    throw new Error("Cannot call an event handler while rendering.")
  })
  // Or useInsertionEffect if it's React 18
  useLayoutEffect(() => {
    ref.current = callback
  })

anchan828

You need to provide some classes and decorators yourself to maintain the same style as typeorm@2.x.

1. EntityRepository -> CustomRepository

@EntityRepository(UserEntity)
export class UserRepository extends Repository<UserEntity> {}

↓

kobzarvs

import React from 'react';
import { useEvent, useStore } from 'effector-react';
import { $counter, dec, inc, reset } from './counter';

export const App = () => {
  const counter = useStore($counter);
  const api = useEvent({ inc, dec, reset });

  return (
    <div>

longdog

import { forward } from "effector";
import { createGate } from "effector-react";
import { createCached } from "store/helpers";

export const delegationSelectGage = createGate();

const [doFetch, $delegation, $loading] = createCached<void, Data[]>(
    fetchDelegations,
    "delegation"
);

domosedov

import { createStore, createEvent, type Event, type Store } from "effector";
import { useStoreMap, useEvent } from "effector-react/scope";
import { useCallback } from "react";

type Key = string;
type SetPayload<T> = { key: Key; value: T };
type KeyValueStore<T> = Record<Key, T>;

type KV<T> = {
  set: Event<SetPayload<T>>;

MrChocolatine

// In TS, interfaces are "open" and can be extended
interface Date {
  /**
   * Give a more precise return type to the method `toISOString()`:
   * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString
   */
  toISOString(): TDateISO;
}

type TYear         = `${number}${number}${number}${number}`;

dmjcomdem

Level 1

• Базовые знание диалекта Typescript, основных встроенных примитивов (Array, Object, Function, String, Date) и методов работы с ними, понимание контекста (this) и способов управления им
• Базовые знания фреймворка React
• Знание наиболее часто используемых Web API: fetch/XHR, Storage, PostMessage, DOM
• Умение писать простейшие алгоритмы (поиск, сортировка, сравнение объектов) без требований к их оптимальности.
• Навыки кроссбраузерной адаптивной верстки по макету с использованием существующего кода, знание CSS и препроцессора SCSS
• Навыки отладки разметки в браузерах Chrome/Safari
• Знание принципов работы HTTP, отличий между различными методами, принципов работы Cookies
• Практическое владение лучшими практиками структурирования кода: SOLID/DRY/KISS и т.д.
• Базовые знания git, понимание git flow