всем похера на () =>

Мне нет.

всем похера на () =>

нет

ладно, не похер

Мне нет.

И как прокидываешь параметр в хендлер?

тут все уже на рендер пропах и тд

Я не особо в них смысла вижу.

И как прокидываешь параметр в хендлер?

Никак. Событие в стор.

Никак. Событие в стор.

Можно пример?

И как прокидываешь параметр в хендлер?

замыкание же

Можно пример?

Назови лучше ситуацию, а то у меня башка не варит.

замыкание же

Это и есть () => handleClick(item.id)

Назови лучше ситуацию, а то у меня башка не варит.

.

handle(id) handle = () => id =>

handle(id) handle = () => id =>

То же самое

Изучи что такое декоратор.

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

То же самое

а по-моему нет, так ты передаешь ссылку все же

И в чём отличие, если оно есть

а по-моему нет, так ты передаешь ссылку все же

А возвращаемая функция пересоздается на каждый рендер

Можно же просто рекомпозом сделать

за описывание хендлеров анонимными функциями - обычно бъют по рукам, особенно если компонет описывается классом (т.е. не "функциональный")

Это и есть () => handleClick(item.id)

У меня у каждого компонента свой стор и там лежит id. После выбрасывания события я достаю id из стора и делаю то что мне надо.

?

Изучи что такое декоратор.

Перечитал, всё понял, ничего нового, не оч понятно при этом всё равно, зачем провозглашать превосходство композиции над наследованием, если декоратор под капотом таки делает класс, экстендящий декорируемый. Пойду ещё раз попробую понять, какой с этих ХОК толк :)

Типа, если прятать ООП под функции, то становится ли от этого что-то более функциональным по своей сути

Перечитал, всё понял, ничего нового, не оч понятно при этом всё равно, зачем провозглашать превосходство композиции над наследованием, если декоратор под капотом таки делает класс, экстендящий декорируемый. Пойду ещё раз попробую понять, какой с этих ХОК толк :)

Не делает.

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

потому наследование здесь - антипаттерн

и профи рекомендуют юзать композицию

здесь всё просто вроде

^ правильно говорит

Не делает.

Как это так?

что такое " более функциональным" вооще не понял

export function logDecorator(constructor) { const original = constructor.prototype.render; constructor.prototype.render = function() { console.log(`Rendering ${constructor.name}...`); return original.apply(this, arguments); }; } constructor.prototype.render = function()- за экстенд не считается?

export function logDecorator(constructor) { const original = constructor.prototype.render; constructor.prototype.render = function() { console.log(`Rendering ${constructor.name}...`); return original.apply(this, arguments); }; } constructor.prototype.render = function()- за экстенд не считается?

Это не декоратор.

Или я чё-то не читаю

Как это так?

хок что угодно может делать, это функция, принимающая на вход компонент и возвращающая новый, и по каким правилам — никого не ебет, но обычно создается новый, рендерящий входной по каким-то правилам

Итернет врёт

Ты создаёшь новый объект, а не переопределяешь существующий.

хок что угодно может делать, это функция, принимающая на вход компонент и возвращающая новый, и по каким правилам — никого не ебет, но обычно создается новый, рендерящий входной по каким-то правилам

Да, вот так понятно, спасибо

С ХОК, предположим, ясно, да, звучит разумно. Но почему то, что я написал - не декоратор, всё равно не понятно

потому что декоратор тоже принимает на вход декорируемую сущность и возвращает новую

а не меняет вход

как-то я хотел отнаследоваться от какой-то компоненты, которая наследовалась от реакт компоненты. Мне реакт сказал, что мой класс не компонента реакта и послал меня. Я вообще не разбираюсь в программировании, скажите мне, что я сделал не так ?

потому что декоратор тоже принимает на вход декорируемую сущность и возвращает новую

Ну хорошо, если написать function logRender(constructor){ return class extends constructor { console.log('Component render'); constructor.prototype.render.apply(this, arguments); }; } @logRender class Component extends React.Component{///} То это будет декоратором? По-сути, он возвращает новый класс. Такое я видел в примерах в статьях по декораторам

как-то я хотел отнаследоваться от какой-то компоненты, которая наследовалась от реакт компоненты. Мне реакт сказал, что мой класс не компонента реакта и послал меня. Я вообще не разбираюсь в программировании, скажите мне, что я сделал не так ?

просто на свифт у меня получается такое сделать и даже на руби тоже

как-то я хотел отнаследоваться от какой-то компоненты, которая наследовалась от реакт компоненты. Мне реакт сказал, что мой класс не компонента реакта и послал меня. Я вообще не разбираюсь в программировании, скажите мне, что я сделал не так ?

реакт про композицию, а не наследование

реакт про композицию, а не наследование

меня просто сбивают с толку вообще разговоры про наследование и прочие умные вещи в JS, когда я пытаюсь сделать какую-то банальную фигню и не могу, опять же повторюсь я не программист, может я чего-то не понимаю

меня просто сбивают с толку вообще разговоры про наследование и прочие умные вещи в JS, когда я пытаюсь сделать какую-то банальную фигню и не могу, опять же повторюсь я не программист, может я чего-то не понимаю

а кто ты?

я обычный разработчик самоучка

я обычный разработчик самоучка

Тогда зачем ты наследуешься :)

серверный swift и ruby... и там и там все работает +/- одинакво и никто в основном не спорит про наследование и композицию. Сюда как не зайду кругом антипаттерны, наследование и функциональный подход. А на деле я всего лишь раз попытался отнаследоваться от класса, который наследовался от другого класса и ничего не сработало

я не тролю, я просто пытаюсь понять о чем здесь постоянно говорят

может я неправильно как-то это сделал

но реакт четко сказал что мой класс не компонента

может я неправильно как-то это сделал

Скажи в чем была задумка - тебя поправят в плане реализации

но реакт четко сказал что мой класс не компонента

код нужен

но реакт четко сказал что мой класс не компонента

возможно ошибка в импорте/экспорте, не вызвал super, много причин короче

но вообще оно должно работать

та давно это было, а суть была в том, что была написана компонента скажем class Сustom1 которая наследовалась от React.Component появилась потребность в компоненте которая была практический идентична с Custom1 за исключением некоторых вещей я захотел сделать Custom2 и отнаследоваться от Custom1, это бы решило мою проблему, но реакт сказал что Custom2 - не я вляется компонентой реакта

та давно это было, а суть была в том, что была написана компонента скажем class Сustom1 которая наследовалась от React.Component появилась потребность в компоненте которая была практический идентична с Custom1 за исключением некоторых вещей я захотел сделать Custom2 и отнаследоваться от Custom1, это бы решило мою проблему, но реакт сказал что Custom2 - не я вляется компонентой реакта

https://codesandbox.io/s/yplln9m87v

Парни, привет! Кто нибудь пробовал запускать фронт из докер контейнера?

пробовал, не очень прикольно

Народ модуль react-chartjs-2 весит просто дофига, но я исользвую толлько Line можно ли как-то взять из модуля только его а все остальное нафиг?

https://codesandbox.io/s/yplln9m87v

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

пробовал, не очень прикольно

У меня ситуация такая. Есть фронт на vue, который пилили бэкэндщики. Так каша из всего что можно даже в html query подключен. Параллельно пишем react версию (по человечески) и планируем на неё переезжать. В общем фронт стартует ошибок нет, но в браузере валится эсшепшн Uncaught TypeError: Cannot read property 'defaults' of undefined at eval (webpack-internal:///23:48) Пробовал менять глобальные webpack версии, ставить vue-cli ниже версиями, ни чего не помогает. У коллег на винде работает. Думаю запустить это из docker.

ERROR: S client not available

привет всем, подскажите, как вытащить значение из дива, т.к. e.target.value только для input?

e.target.innerHTML'ом можно?

привет всем, подскажите, как вытащить значение из дива, т.к. e.target.value только для input?

ref

ок

спасибо

везде где туториал по ref, одни инпуты, есть пример с другими тегами?

везде где туториал по ref, одни инпуты, есть пример с другими тегами?

а тебе вообще зачем такое?

у меня contenteditable

пилю мини редактор

везде где туториал по ref, одни инпуты, есть пример с другими тегами?

Подключаешь redux и хранишь всю информацию в store

редактируешь через actions

пилю мини редактор

у textarea есть value

у textarea есть value

в текстареа нельзя делать форматирование

везде где туториал по ref, одни инпуты, есть пример с другими тегами?

а это один фиг, реф дает доступ напрямую к дом, к обычным свойствам, конечно где-то надо читать value, a а гдето и innerHTML

а это один фиг, реф дает доступ напрямую к дом, к обычным свойствам, конечно где-то надо читать value, a а гдето и innerHTML

ясно

пилю мини редактор

надеюсь, не на базе фейсбучного? ?

за описывание хендлеров анонимными функциями - обычно бъют по рукам, особенно если компонет описывается классом (т.е. не "функциональный")

а по какой причине бьют по рукам?

Хватит уже () => в рендере

Уже миллион раз говорили на эту тему

а по какой причине бьют по рукам?

хер отдебажишь?

надеюсь, не на базе фейсбучного? ?

всм

всм

впрм

я скорее про двигло ) свое или то, что они предлагают )

и всякие китайские поделки с плагинами

у меня ещё вопрос. можно ли в реакт юзать не дефолные события? например DOMCharacterDataModified

у меня отладчик ругается, мол события такого нет. Можно ли addEventListener применить к компоненту?

у меня отладчик ругается, мол события такого нет. Можно ли addEventListener применить к компоненту?

У реакта своя система иветов

а где ты слушаешь DOMCharacterDataModified ? его в html нельзя прописать

This event cannot be registered in HTML.

а значит и в JSX нельзя