да да там проблема в передаче. compose вроде должен передавать

compose своя ?

народ миксины в реакте еще используют? или это не круто?

и в Wrapped кажется не адекватным

унаследовать от Wrapped? Ощущение что у тебя на возвращаемый класс не прокидываются пропсы с Wrapped

и в Wrapped кажется не адекватным

адекватный

return class extends Wrapped

народ миксины в реакте еще используют? или это не круто?

какие такие миксины?)) а если серьезно, то нет

return class extends Wrapped

???

compose своя ?

на курсах. она рабочая

на курсах. она рабочая

а смысл писать ее ? Возьми из ридакса https://github.com/reduxjs/redux/blob/master/src/compose.ts

???

да и я в ахуе) но очень интересно

да и я в ахуе) но очень интересно

Эт да

Я хз, скорее всего хуйню написал.

какие такие миксины?)) а если серьезно, то нет

может в less/scss каком нибудь)

да и я в ахуе) но очень интересно

получилось?)

return class extends Wrapped

нет, так его вообще поносит. и так не пишутся HOC-и имхо

получилось?)

а это HOC на предыдущей итерации compose) тут все работает

Ребята, разбираюсь тут в тестировании реакт компонентов. Раньше до тестов все руки никак не доходили. У меня есть функия, которая отправляет запрос на сервер и, если сервер возвращает 4xx или 5xx, должна вывести сообщение об ошибке. В общем вопрос, как в стэке jest/enzyme проверить результат перерендера компонента после асинхронной операции? я мокнул респонс, стригерил клик на кнопку отправки формы, а по какому событию я должен понять, что асинхронная операция завершилась и можно проверять результат - хз. Или это как-то вообще по-другому реализуется?

а это HOC на предыдущей итерации compose) тут все работает

может и правда в конструкторе нужно сделать super(props)

может и правда в конструкторе нужно сделать super(props)

такое вообще без констр делается

привет как типизировать деструктуризацию ? const [ one, two ]: ?? = foo()

привет как типизировать деструктуризацию ? const [ one, two ]: ?? = foo()

:Array<number, string>?

:[number, string]

привет как типизировать деструктуризацию ? const [ one, two ]: ?? = foo()

какой у тебя флоу стоит? ТС?

да

вот попробуй варианты выше, соответственно вместо намба и стринга - твои типы, которые тебе нужны

:Array<number, string>?

Что такое Array<number, string>? Это в каком языке?

Что такое Array<number, string>? Это в каком языке?

тс вроде как) Пишу по памяти, сам с ним мало работал

тс вроде как) Пишу по памяти, сам с ним мало работал

я даже playground запустил, испугался — вдруг я тупой ан нет Generic type 'Array<T>' requires 1 type argument(s)

Что такое Array<number, string>? Это в каком языке?

Typescript или Flowtype

я даже playground запустил, испугался — вдруг я тупой ан нет Generic type 'Array<T>' requires 1 type argument(s)

Array<number|string> значит)

Typescript или Flowtype

выше я привёл сообщение об ошибке из TS, вот сообщение об ошибке из flow Cannot use type without exactly 1 type argument.

но лучше тогда через []

Array<number|string> значит)

нет, это массив произвольной длины с числами или строками. в любом порядке и вообще как угодно

нет, это массив произвольной длины с числами или строками. в любом порядке и вообще как угодно

Да, но если определенной длины с определенными типами то []

привет как типизировать деструктуризацию ? const [ one, two ]: ?? = foo()

Это называется Tuple, на русском что-то вроде «кортеж» https://www.typescriptlang.org/docs/handbook/basic-types.html#tuple https://flow.org/en/docs/types/tuples/

привет как типизировать деструктуризацию ? const [ one, two ]: ?? = foo()

function foo(): [oneType, twoType] {}

Да, но если определенной длины с определенными типами то []

это tuple и это не то же самое, что массив и бог с ними — не будем уходить в оффтоп

это tuple и это не то же самое, что массив и бог с ними — не будем уходить в оффтоп

может быть по тайпингам в тс тюплы, не спорю, то тем не менее можно использовать методы для массивов)

может быть по тайпингам в тс тюплы, не спорю, то тем не менее можно использовать методы для массивов)

«tuple и методы массивов» — это «квадратное и мягкое»

Это называется Tuple, на русском что-то вроде «кортеж» https://www.typescriptlang.org/docs/handbook/basic-types.html#tuple https://flow.org/en/docs/types/tuples/

в самой ссылке есть описание «Typing tuple-like array values», массив остается массивом при этом все равно)

Ребят, а почему плагин для хрома Redux DevTools может не видеть storage? На скрине видно, что состояние есть.

Ребят, а почему плагин для хрома Redux DevTools может не видеть storage? На скрине видно, что состояние есть.

Потому что не подключили в коде

Это отличная конструкция, которая есть в функциональных языках и некоторых других

Это отличная конструкция, которая есть в функциональных языках и некоторых других

Да дофига где есть туплы, в каждом втором языке

Святая троица List, Tuple и Set

Привет, подскажите, как работать с картинками в реакте? У меня есть проект хочу вставить картинку, а реакт ее попросту не видит

Потому что не подключили в коде

Хмм, поидее подключил. Вот создание store

Я рад за тебя

А вот передача

😱 нет же!

Хмм, поидее подключил. Вот создание store

Я не знаю что такое oidc

Привет, подскажите, как работать с картинками в реакте? У меня есть проект хочу вставить картинку, а реакт ее попросту не видит

Без примеров кода не понять что не так у тебя

В фп tuple вообще незаменимы.

Не. Просто толку информации о том что ты не используешь. Много кто использует. Ибо проще сделать кортеж нежели создавать инстанс объекта

Особенно когда это уместно

Я не знаю что такое oidc

Это добавляю в стор поддержку redux-oidc ( OpenId Connect).

Map всё-таки не в этой песочнице, как и Dict

Какой тип? Какой задашь. Набор типов

в самой ссылке есть описание «Typing tuple-like array values», массив остается массивом при этом все равно)

я же не говорю, что это не так я говорю, что в TS есть два совершенно разных типа, которые используются в совершенно разных ситуациях. да, они оба в рантайме являются массивами и имеют все поля и методы массивов. это массивы и есть, если говорить о js. но если говорить о типах (на другом уровне абстракции), то это совершенно разные вещи

От языка зависит. Но такие огромные кортежи это как минимум странно

Если ты в тупл суеш больше 5 элементов, значит что-то идёт не так...

я же не говорю, что это не так я говорю, что в TS есть два совершенно разных типа, которые используются в совершенно разных ситуациях. да, они оба в рантайме являются массивами и имеют все поля и методы массивов. это массивы и есть, если говорить о js. но если говорить о типах (на другом уровне абстракции), то это совершенно разные вещи

если речь об этом то я не спорю на этот счет, потому что так и есть)

совершенно нет

Нет. Это для нескольких разных типов одного кванта данных

const [state, setState] = useState(...) [T, (data: T) => void]

если ты про массив с объектами то Array<UserInterface>

[bytes, length]: [Buffer, number]

Ты реакт не знаешь?

где UserInterface - типизация объекта юзера

это то, без чего сидеть в етой группе - как минимум странно

Тогда стоит жс сначала изучить

Все, разобрался, если кому надо будет потом #redux #reduxdevtools #devtools #store #middleware Надо было мидлварь через compose подключать.

Точно, забыл, спасибо)

Толсто

И еще добавить какую-то магию - window.__REDUX_DEVTOOLS_EXTENSION__ ? window.__REDUX_DEVTOOLS_EXTENSION__() : f => f,. Не в курсе, что это.

И еще добавить какую-то магию - window.__REDUX_DEVTOOLS_EXTENSION__ ? window.__REDUX_DEVTOOLS_EXTENSION__() : f => f,. Не в курсе, что это.

Это тернарный оператор

Это тернарный оператор

Это понятно.

И еще добавить какую-то магию - window.__REDUX_DEVTOOLS_EXTENSION__ ? window.__REDUX_DEVTOOLS_EXTENSION__() : f => f,. Не в курсе, что это.

Глобальная переменная которую добавляет расширение браузера

И еще добавить какую-то магию - window.__REDUX_DEVTOOLS_EXTENSION__ ? window.__REDUX_DEVTOOLS_EXTENSION__() : f => f,. Не в курсе, что это.

Лучше тулзы через отдельный пакет подключать, а не через window

Ты либо пытаешься тралировать, либо херню несешь, вот я даж не знаю, что ответить на это