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

На счет лишних чихов перебор

Что так меньше возможности ошибиться.

Мемоизация не про ошибки вообще. Мы явно сейчас в разных плоскостях что то обсуждаем

Так я и думал. Как написал выше ты не знаешь в чем разница между методом инстанса и методом прототипа. Ты в каждом инстансе создаёшь копию метода this.onClick = this.onClick.bind(this).

Я знаю в чём разница между методами инстанса и методами прототипа. Бинд делается не из-за этого и не для этого, а из-за того, что контекст функции определятеся тем, как она вызвана. Это к спеке ЖС вопрос, а не к реакту

В любом случае не понимаю зачем обсуждать сейчас проблемы legacy подхода c классами, они в прошлом уже.

.bind возвращает новую функцию. Хочешь - клади её в прототипа, просто всем лень писать лишний .prototype и кладут в инстанс

Я знаю в чём разница между методами инстанса и методами прототипа. Бинд делается не из-за этого и не для этого, а из-за того, что контекст функции определятеся тем, как она вызвана. Это к спеке ЖС вопрос, а не к реакту

Воообщето я вкурсе про это. И мой вопрос именно о том как избежать этого тупого подхода. В Ангуляре например не надо ничего биндить, и можно просто передать метод.

Мемоизация не про ошибки вообще. Мы явно сейчас в разных плоскостях что то обсуждаем

Единообразие кода - это про ошибки. Если ты будешь всё мемоизировать, то тебе не надо забивать голову "а остались ли в замыкании неактуальные ссылки или нет?", ты явно знаешь, что если и остаются, то функция пересоздатся.

.bind возвращает новую функцию. Хочешь - клади её в прототипа, просто всем лень писать лишний .prototype и кладут в инстанс

Ну попробуй положить в прототип забинженый метод))) Забавно.

Воообщето я вкурсе про это. И мой вопрос именно о том как избежать этого тупого подхода. В Ангуляре например не надо ничего биндить, и можно просто передать метод.

Потому что ангуляр - это магия, а не ЖС. А реакт - это жс, а не магия. Избежать - я написал 4 варианта. А ещё лучше - юзать функциональные компоненты

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

плюсую, разницу в производительности не заметить в большинстве случаев

Единообразие кода - это про ошибки. Если ты будешь всё мемоизировать, то тебе не надо забивать голову "а остались ли в замыкании неактуальные ссылки или нет?", ты явно знаешь, что если и остаются, то функция пересоздатся.

Радикально. Ты сам то это применяешь в реальных проектах?

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

Если это не сказывается на производительности, то зачем писать неконсистентный код?

В любом случае не понимаю зачем обсуждать сейчас проблемы legacy подхода c классами, они в прошлом уже.

Ну окей. Покажи НА ХУКАХ как ты передаёшь в кнопку в onClick функцию без создания её копии в каждом компоненте на каждом рендере. https://stackblitz.com/edit/react-from-scratch-hooks-counter-example

Если это не сказывается на производительности, то зачем писать неконсистентный код?

я если что к треду "ОМГ на каждый инстанс объекта будет своя ссылка на хендлер" ваш не читал, соре, пока не вразумил, в чем корелляция консистентности кода и микрооптимизаций)

Радикально. Ты сам то это применяешь в реальных проектах?

У меня все функции в рендере обёрнуты в useCallback.

У меня все функции в рендере обёрнуты в useCallback.

ну перебор же 🙂

Ну окей. Покажи НА ХУКАХ как ты передаёшь в кнопку в onClick функцию без создания её копии в каждом компоненте на каждом рендере. https://stackblitz.com/edit/react-from-scratch-hooks-counter-example

useCallback, функция которую передаешь в useCallback разумеется будет пересоздаваться при кажом вызове, но useCallback будет возвращать ссылку всегда на одну и туже (пока не изменятся deps)

Ну попробуй положить в прототип забинженый метод))) Забавно.

this.constructor.prototype.onClick = this.constructor.prototype.onClick.bind( this );

this.constructor.prototype.onClick = this.constructor.prototype.onClick.bind( this );

А если 2 инстанса

ну перебор же 🙂

Почему? Я снимаю с себя мыслительную нагрузку по поводу того нужную я функцию передаю или нет.

this.constructor.prototype.onClick = this.constructor.prototype.onClick.bind( this );

Садить двойка! И домашнее задание проверить этот подход.

Ну окей. Покажи НА ХУКАХ как ты передаёшь в кнопку в onClick функцию без создания её копии в каждом компоненте на каждом рендере. https://stackblitz.com/edit/react-from-scratch-hooks-counter-example

А собственно вы какую-то проблему решаете или это вопрос принципа?

У меня все функции в рендере обёрнуты в useCallback.

У тебя или в реальных проектах? Твой код проходит ревью у коллег с такими параноидальными наклонностями?

Почему? Я снимаю с себя мыслительную нагрузку по поводу того нужную я функцию передаю или нет.

потому что разницы не заметишь в производительности

потому что разницы не заметишь в производительности

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

А собственно вы какую-то проблему решаете или это вопрос принципа?

Для меня это просто вопрос на понимание и потенциальную оптимизацию.

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

лол

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

Надо сделать дивизом этого чата.

У тебя или в реальных проектах? Твой код проходит ревью у коллег с такими параноидальными наклонностями?

В реальных проектах.

Насрать на производительнось это сильно

Для меня это просто вопрос на понимание и потенциальную оптимизацию.

Будет ли выгода от этой оптимизации? Зачем заниматься этим?

Насрать на производительнось это сильно

Да, потому что при правильных подходах она всегда будет около лучшей.

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

<button onClick={() => setOpen(true)} /> так же насрать и не задаешься вопросом

Будет ли выгода от этой оптимизации? Зачем заниматься этим?

Для чего придумали прототипы в js? Будет ли выгода от прототипов?

Надо сделать дивизом этого чата.

Это точно, преждевременная оптимизация (без замеров профайлером разумеется) это конек чата

Будет ли выгода от этой оптимизации? Зачем заниматься этим?

Я не нагружаю свой мозг и мозг других людей в команде.

Для чего придумали прототипы в js? Будет ли выгода от прототипов?

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

Да, потому что при правильных подходах она всегда будет около лучшей.

я тоже юзаю useCallback часто, но нужно всегда понимать что и зачем ты делаешь.

<button onClick={() => setOpen(true)} /> так же насрать и не задаешься вопросом

Так ты создаёшь новую функцию на каждом рендере. Это ещё хуже.

Так ты создаёшь новую функцию на каждом рендере. Это ещё хуже.

будет все тормозить?

я тоже юзаю useCallback часто, но нужно всегда понимать что и зачем ты делаешь.

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

Для чего придумали прототипы в js? Будет ли выгода от прототипов?

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

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

🤦‍♂️

<button onClick={() => setOpen(true)} /> так же насрать и не задаешься вопросом

Читай тред, а не врывайся и вырывай цитаты из контекста.

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

Дураки какие-то придумали.

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

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

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

Я более чем уверен что такой ситуации не было ни у кого, bottleneck производительности всегда был бы где-то выше

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

Это как так нужно умудриться делать не так

Я более чем уверен что такой ситуации не было ни у кого, bottleneck производительности всегда был бы где-то выше

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

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

Академический интерес подразумевает замеры профайлером, тут же только на словах ищут мнимый прирост производительности

Товарищи подскажите пожалуйста. Я с реактом не работал никогда и вообще js незнаю. Но мне очень нужно организовать работу с Реакт на моем вин10. Где искать инфу.

Товарищи подскажите пожалуйста. Я с реактом не работал никогда и вообще js незнаю. Но мне очень нужно организовать работу с Реакт на моем вин10. Где искать инфу.

Оо а работать с ним будет кто то другой?

Академический интерес подразумевает замеры профайлером, тут же только на словах ищут мнимый прирост производительности

это уже практический) академический - с целью лучше изучить механику работы, итп

Оо а работать с ним будет кто то другой?

Мне просто нужно помоч горе ученице с ... я буду. Как на винду то его того этого. Ну а на ЮТЮБЕ уроки с макинтош

Мне просто нужно помоч горе ученице с ... я буду. Как на винду то его того этого. Ну а на ЮТЮБЕ уроки с макинтош

Надо ставить линукс

Надо ставить линукс

Спасибо! Какой?

Надо ставить линукс

++++

Спасибо! Какой?

Ubuntu

Мне просто нужно помоч горе ученице с ... я буду. Как на винду то его того этого. Ну а на ЮТЮБЕ уроки с макинтош

та загуглите что нибудь из разряда "фронтенд разработка на win 10", там будет куча статей как подсистему линукса включить, установить ноду и пакеты)

Не проблема спасибо пацаны!

Мне просто нужно помоч горе ученице с ... я буду. Как на винду то его того этого. Ну а на ЮТЮБЕ уроки с макинтош

а в чем проблема? поставить node.js и выполнить npm i react ?

Садить двойка! И домашнее задание проверить этот подход.

Согласен, хуйню написал. Но это опять же из другой плоскости вопрос. Это вопрос контекста при вызове метода. То, что нельзя привязать метод прототипа к инстансу с этим прототипом намертво - это вопрос к спеке, не? Ангуляр под капотом делает то же самое, что в реакте приходится делать руками, других вариантов вроде как и нет.

хотя такое себе удовольствие на винде

Товарищи подскажите пожалуйста. Я с реактом не работал никогда и вообще js незнаю. Но мне очень нужно организовать работу с Реакт на моем вин10. Где искать инфу.

а чем работа с реакт на вин10 отличается от любой другой платформы?

та загуглите что нибудь из разряда "фронтенд разработка на win 10", там будет куча статей как подсистему линукса включить, установить ноду и пакеты)

Без подсистемы линукса никак?)

Без подсистемы линукса никак?)

да можно, больно, но можно.

да можно, больно, но можно.

А в каких местах больно?

Без подсистемы линукса никак?)

я хз как по другому с нормальным башем там жить)) что знаю то и говорю)

Товарищи подскажите пожалуйста. Я с реактом не работал никогда и вообще js незнаю. Но мне очень нужно организовать работу с Реакт на моем вин10. Где искать инфу.

Надо будет пропатчить KDE под FreeBSD

я хз как по другому с нормальным башем там жить)) что знаю то и говорю)

Нормально разрабатываю без баша в винде

СПАСИБО!

для установки браузера, ноды, yarn, ide теперь нужны видеоуроки?

Нормально разрабатываю без баша в винде

ну если тебе удобно то вопросов нет конечно

А в каких местах больно?

несколько лет не работал под виндой. Были какие-то проблемы на 7-ке с установкой самой ноды, почему-то нода не прописывалась в пути. Ну и были npm пакеты, которые под виндой тупо не билдились. Сейчас это уже скорее всего не актуально.

на 10ке все работает, и без wsl

подскажите, пожалуйста, где можно задать вопрос по jest enzyme?

Всем привет,у меня вопрос по селекту реакта,я передаю значение в options на 2х языках при этом в инпут ввожу на одном, и ощущение что если эти 2 значения не совпадают,то опции не отображаются,вопрос так ли это,должны ли эти значения соответствовать друг другу,или мне копаться в своём коде

Привет! Ребят, А куда можно прилепить вакансию Sr JS Developer ? 🤷🏻‍♀️🤗

Привет! Ребят, А куда можно прилепить вакансию Sr JS Developer ? 🤷🏻‍♀️🤗

@javascript_jobs

в функциональных компонентах надо объявлять функции вне компонента и уже в них передавать пропы? ведь если объявлять их внутри компонента, то при каждом рендере они объявляются заново, влияет ли это на производительность?