Телеграмм чат группы projs

В общем это. Кто-то где-то как-то говорил, мол под реакт норм заходит ФП. Вроде даже литературу видел "ФП на реакте". Что в нем такого особенного, из-за чего именно ФП реакту подходит?

источник

23:59пожаловаться #5

2020 November 13

Виктория in pro.js

Алексей

Декларативность и композиционный характер React-компонентов

https://www.staging-typescript.org/play?#code/GYVwdgxgLglg9mABARwO4FNEB4CaA+AChgBMAuRAZygCcYwBzAGkWIEMpXycBKRAbwBQiRNXRQQ1JGBAAbGQG4BAXwEC06AgHJkyTcz7JyAJiXcgA

www.staging-typescript.org

TS Playground - An online editor for exploring TypeScript and JavaScript

The Playground lets you write TypeScript or JavaScript online in a safe and sharable way.

А зачем тебе это?

АнтиДжава?

Во-первых: сама по себе задача весьма и весьма странная...
Во-вторых: зачем тебе выводить тип только для 1 аргумента? А второй тс сам выведет...не понимаю вообще смысла

источник

00:36пожаловаться #9

PН

Prikolist Начрэл... in pro.js

First Last

А зачем тебе это?

Что бы делать так:

Registry<IBlockNameRegistry>('BlockName', {
  Button,
  Icon
})

источник

01:01пожаловаться #10

First Last in pro.js

Prikolist Начрэл

Что бы делать так:

Registry<IBlockNameRegistry>('BlockName', {
  Button,
  Icon
})

А в функции сделаешь any или на каждый тип условие?

источник

01:03пожаловаться #11

PН

Prikolist Начрэл... in pro.js

Не понял вопрос

источник

01:03пожаловаться #12

First Last in pro.js

А я не понял примера)

источник

01:03пожаловаться #13

First Last in pro.js

Почему ты в сигнатуру функции не пихнешь IBlockNameRegistry?)

источник

01:04пожаловаться #14

PН

Prikolist Начрэл... in pro.js

У меня есть интерфейс вида

{
Button: ComponentType<IButtonProps & IButtonViewDefault & IButtonWidthMax>;
Icon: ComponentType<IIconProps & IIconGlyphUnfoldMoreProps>;
}

Мне нужна функция, которая будет делать с этим что-то и будет проверять соблюдение интерфейса

источник

01:05пожаловаться #15

First Last in pro.js

type Button = ComponentType<IButtonProps & IButtonViewDefault & IButtonWidthMax>
type Icon = ComponentType<IIconProps & IIconGlyphUnfoldMoreProps>

interface Props {
  button: Button
  icon: Icon
}

const f = ({button, icon}: Props) => console.log(button, icon)

f({button, icon})

источник

01:07пожаловаться #16

PН

Prikolist Начрэл... in pro.js

Там более сложная ситуация, компоненты могут быть шире интерфейса, для проверки нужно извлекать свойства из ComponentType и работать с ними

источник

01:10пожаловаться #17

First Last in pro.js

Prikolist Начрэл

interface Props<T, E> {
  button: T
  icon: E
}

f({button, icon}: Props<SomeButton, SomeIcon>)

источник

01:12пожаловаться #18

First Last in pro.js

Точнее

, тебе наверное лучше так

interface Props<T, E> {
  button: T
  icon: E
}

const f = <T, E>({button, icon}: Props<T, E>) => {
  console.log(button, icon)
}

f({button: 'q', icon: 's'})

источник

01:13пожаловаться #19

PН

Prikolist Начрэл... in pro.js

Prikolist Начрэл

Подскажите с TS.

У меня есть вот такая задача (в упрощении):

function qwe <X, Y>(id: string, data: Y) {
  return null;
}

qwe<Symbol>('qq', 123)

Код не корректный, компилятор запрашивает в вызове функции указание 2 типов. А мне нужна возможность указать только один тип, а второй что бы был взят из аргумента. Это возможно в TS?

Бамп

источник

01:14пожаловаться #20